اگر تا به حال عبارت "دسترسی‌پذیری وب" (Web Accessibility) به گوشتان خورده و می‌خواهید بدانید استانداردهای جهانی آن چیست، این مقاله نقشه راه شماست.

WCAG چیست؟

عبارت WCAG مخفف Web Content Accessibility Guidelines به معنای «دستورالعمل‌های دسترسی‌پذیری محتوای وب» است. این دستورالعمل‌ها توسط کنسرسیوم جهانی وب (W3C) تدوین شده‌اند تا اطمینان حاصل شود که محتوای وب برای افراد دارای معلولیت (شامل نابینایی، کم‌بینایی، ناشنوایی، ناتوانی‌های حرکتی، اختلالات یادگیری و شناختی) قابل دسترسی است.

به زبان ساده: WCAG مجموعه‌ای از قوانین است که به ما می‌گوید چگونه سایت‌مان را بسازیم تا هیچ‌کس پشت درهای بسته دنیای دیجیتال نماند.

چهار ستون اصلی WCAG (اصول POUR)

استاندارد WCAG بر پایه چهار اصل کلیدی بنا شده است که با نام اختصاری POUR شناخته می‌شوند. اگر سایتی یکی از این چهار شرط را نداشته باشد، برای بخشی از کاربران غیرقابل استفاده خواهد بود.

۱. قابل درک بودن (Perceivable)

اطلاعات و اجزای رابط کاربری باید به گونه‌ای ارائه شوند که کاربران بتوانند با حواس خود آن‌ها را درک کنند.

• مثال: برای تصاویر «متن جایگزین» (Alt Text) بنویسید تا کسی که نمی‌بیند و از صفحه‌خوان استفاده می‌کند، متوجه محتوای عکس شود.

• تضاد رنگی: متن‌ها باید تضاد رنگی کافی با پس‌زمینه داشته باشند.

۲. قابل اجرا بودن (Operable)

اجزای رابط کاربری و ناوبری (Navigation) باید برای همه قابل اجرا باشند.

• مثال: تمام بخش‌های سایت باید فقط با کیبورد (بدون نیاز به موس) قابل دسترسی باشند.

• زمان کافی: اگر فرمی دارید که محدودیت زمانی دارد، باید به کاربر اجازه دهید زمان را تمدید کند.

۳. قابل فهم بودن (Understandable)

اطلاعات و نحوه کار با رابط کاربری باید شفاف و ساده باشد.

• مثال: زبان صفحه را مشخص کنید تا صفحه‌خوان‌ها بدانند با چه لهجه‌ای متن را بخوانند!

• پیش‌بینی‌پذیری: وقتی کاربر روی یک منو کلیک می‌کند، نباید اتفاق ناگهانی و عجیبی بیفتد.

۴. پایداری (Robust)

محتوا باید به قدری قوی باشد که توسط طیف گسترده‌ای از ابزارها (از مرورگرهای قدیمی تا صفحه‌خوان‌های پیشرفته) به درستی تفسیر شود.

• مثال: استفاده از کدهای استاندارد HTML که با تکنولوژی‌های کمکی (Assistive Technologies) سازگار باشند.

سطوح انطباق: A، AA و AAA

WCAG دستورالعمل‌های خود را در سه سطح رتبه‌بندی می‌کند تا سازمان‌ها بدانند در چه مرحله‌ای از دسترسی‌پذیری هستند:

چرا رعایت این استانداردها حیاتی است؟

• ۱. مسائل قانونی: در بسیاری از کشورها (مثل اتحادیه اروپا و آمریکا)، اگر سایت دولتی یا تجاری شما استاندارد WCAG (معمولاً سطح AA) را نداشته باشد، ممکن است با جریمه‌های سنگین روبرو شوید.
• ۲. بهبود سئو (SEO): گوگل عاشق سایت‌های دسترسی‌پذیر است! مواردی مثل متن جایگزین تصاویر و ساختار درست تیترها (H1, H2) هم به معلولان کمک می‌کند و هم رتبه شما را در گوگل بالا می‌برد.
• ۳. بازار بزرگتر: طبق آمار جهانی، حدود ۱۵٪ از مردم دنیا دارای نوعی معلولیت هستند. نادیده گرفتن WCAG یعنی نادیده گرفتن بخش بزرگی از مشتریان احتمالی.
• ۴. تجربه کاربری بهتر برای همه: زیرنویس ویدیو (که برای ناشنوایان است) برای کسی که در متروی شلوغ هدفون ندارد هم مفید است. تضاد رنگی بالا برای کسی که زیر نور خورشید با گوشی کار می‌کند هم عالی است.

مثال‌های فنی از پیاده‌سازی WCAG

برای اینکه موضوع ملموس‌تر شود، به این دو مورد فنی دقت کنید:

تضاد رنگی (Contrast Ratio)

طبق WCAG 2.1 سطح AA، نسبت تضاد رنگ متن به پس‌زمینه برای متن‌های معمولی باید حداقل $4.5:1$ باشد. برای محاسبه این نسبت از فرمول‌های پیچیده درخشندگی (Luminance) استفاده می‌شود:

$$L = 0.2126R + 0.7152G + 0.0722B$$

استفاده از ARIA

گاهی HTML معمولی کافی نیست. در این موارد از تگ‌های WAI-ARIA استفاده می‌کنیم تا به صفحه‌خوان‌ها بفهمانیم در صفحه چه می‌گذرد. مثلاً:

X

آخرین نسخه: WCAG 2.2

دنیای وب مدام در حال تغییر است. در نسخه ۲.۲ که جدیدترین نسخه پایدار است، تمرکز ویژه‌ای بر کاربران موبایل و افراد دارای اختلالات شناختی شده است. مواردی مثل:

• Target Size: دکمه‌ها باید به اندازه کافی بزرگ باشند که با انگشت به راحتی لمس شوند (حداقل ۲۴ در ۲۴ پیکسل).

• Redundant Entry: کاربر نباید مجبور شود یک اطلاعات را دوبار در یک فرآیند (مثل خرید) وارد کند.

نتیجه‌گیری

استاندارد WCAG فقط یک لیست "باید و نباید" فنی نیست؛ بلکه تعهدی است به عدالت دیجیتال. ساختن یک وب‌سایت دسترسی‌پذیر ممکن است در ابتدا کمی زمان‌بر به نظر برسد، اما خروجی آن کدی تمیزتر، کاربری راضی‌تر و برندی معتبرتر خواهد بود.