مستويات WCAG: A وAA وAAA

يعاني نحو 15% من سكان العالم شكلًا من أشكال الإعاقة. وتعمل المواقع المتاحة للجميع: لمستخدمي قارئات الشاشة، ومستخدمي لوحة المفاتيح فقط، وضعاف البصر، والمستخدمين على الشبكات البطيئة. كما أن إمكانية الوصول مطلب قانوني في العديد من السلطات القضائية.

WCAG هو معيار W3C الذي يحدد ما يجعل محتوى الويب متاحًا. الإصدار الحالي هو WCAG 2.2 (أكتوبر 2023). أما الإصدار اللاحق WCAG 3 فما زال في مسودة مبكرة.

تُنظّم WCAG حول أربعة مبادئ: قابل للإدراك، وقابل للتشغيل، ومفهوم، ومتين. ويندرج كل معيار نجاح تحت أحدها.

يجب تقديم المعلومات بطرق يستطيع المستخدمون إدراكها: نص بديل للصور، وتسميات توضيحية للفيديو، وتباين ألوان كافٍ، وإمكانية تكبير النص حتى 200% دون فقدان الوظائف.

يجب أن تعمل جميع الوظائف عبر لوحة المفاتيح: دون تفاعلات تعتمد على الفأرة فقط، ومع وقت كافٍ لقراءة المحتوى، ودون محتوى وامض قد يسبب نوبات، ومع طرق واضحة للتنقل.

يجب أن يكون المحتوى والتشغيل مفهومين: تحديد لغة قابلة للقراءة، وأنماط تنقل متوقعة، ورسائل خطأ واضحة تتضمن اقتراحات، وتسميات متسقة.

يجب أن يعمل المحتوى مع التقنيات المساعدة الحالية والمستقبلية. استخدم HTML صالحًا، واتبع أفضل ممارسات ARIA، وتأكد من إمكانية تحديد الاسم والدور والقيمة برمجيًا.

المستوى A: الحد الأدنى (متطلبات أساسية). المستوى AA: الهدف القياسي (وهو ما تتطلبه معظم القوانين). المستوى AAA: المستوى الأعلى، وليس عمليًا للمواقع بأكملها؛ بل يُطبّق على الصفحات المهمة فقط.

تهدف معظم المشاريع إلى WCAG 2.1 AA أو 2.2 AA؛ وهو المستوى الذي يفرضه قانون إمكانية الوصول الأوروبي (EAA)، والقسم 508 في الولايات المتحدة، ومعظم قواعد شراء خدمات المؤسسات.

المستوى A: نص بديل للصور، وإمكانية الاستخدام عبر لوحة المفاتيح. المستوى AA: نسبة تباين 4.5:1 للنص، وعدم نقل المعلومات باللون وحده، ووضوح مؤشر التركيز، وإمكانية التكبير إلى 200%. المستوى AAA: تباين 7:1، ولغة الإشارة للفيديو، ومساعدة حساسة للسياق.

1) أضف نصًا بديلًا إلى كل صورة. 2) استخدم HTML الدلالي (button وnav وh1-h6). 3) تأكد من أن تباين الألوان يحقق نسبة 4.5:1. 4) اختبر الموقع باستخدام لوحة المفاتيح فقط. 5) أضف تسميات إلى كل حقل إدخال في النماذج. 6) استخدم مؤشر تركيز ظاهرًا.

يُعد WCAG 2.2 المعيار الحالي. المبادئ الأربعة هي: قابل للإدراك، قابل للتشغيل، مفهوم، ومتِين (POUR). مستويات المطابقة ثلاثة: A (أساسي)، وAA (المستوى المستهدف قانونيًا)، وAAA (الأعلى). استهدف المستوى AA للامتثال القانوني. تحسينات سريعة: النص البديل، وHTML الدلالي، وتباين بنسبة 4.5:1، واختبار لوحة المفاتيح، وحقول الإدخال المسمّاة، ومؤشر التركيز الظاهر.