كيف تُنظَّم؟
تقوم WCAG على أربعة مبادئ يُرمز لها اختصارًا بـ POUR: يجب أن يكون المحتوى قابلًا للإدراك وقابلًا للتشغيل ومفهومًا ومتينًا. وتحت هذه المبادئ معايير قابلة للاختبار، لكل منها واحد من ثلاثة مستويات للمطابقة: A وAA وAAA. والمستوى AA هو الهدف المعتاد في السياسات والعقود. أما الإصداران الأكثر استخدامًا فهما 2.1 و2.2.
ماذا تطلب عمليًا؟
| المجال | مثال على المتطلب |
|---|---|
| تباين الألوان | يحتاج النص العادي إلى نسبة تباين لا تقل عن 4.5:1 مع خلفيته في المستوى AA |
| لوحة المفاتيح | يعمل كل عنصر تحكم دون فأرة، ويكون التركيز ظاهرًا دائمًا |
| البدائل النصية | للصور ذات المعنى وصف نصي |
| النماذج | لكل حقل عنوان ظاهر، وتوضح رسائل الخطأ ما حدث وكيف يُصلَح |
| اللغة | تعلن الصفحة لغتها، وتعلن الصفحات العربية اتجاه الكتابة من اليمين إلى اليسار |
مكان إمكانية الوصول هو التصميم منذ البداية. تُحدَّد الألوان والأحجام والحالات في نظام التصميم، ويجب أن يختبرها تصميم UI/UX قبل البناء. والماسحات الآلية تكتشف بعض المشكلات فقط، لذا تبقى الفحوص اليدوية بلوحة المفاتيح وقارئ الشاشة ضرورية.
كثيرًا ما يشير مشترو القطاع الحكومي إلى WCAG في متطلباتهم؛ وتجد هذا السياق في صفحة الحكومة. هذا للتوعية وليس مشورة قانونية. تأكد من التزاماتك القانونية مع مستشار قانوني مؤهل.
مثال
تخيّل بوابة حكومية لتجديد التصاريح. قد تكشف مراجعة WCAG نصًا رماديًا لا يحقق نسبة التباين، ومنتقي تاريخ لا يمكن الوصول إليه بلوحة المفاتيح، ورسائل خطأ تظهر باللون الأحمر فقط. يُعالج كل ذلك في التصميم والشيفرة ثم يُعاد اختباره. هذا مثال افتراضي وليس من أعمالنا.
أخطاء شائعة
- اعتبار إمكانية الوصول تدقيقًا في الأسبوع الأخير بدل أن تكون قاعدة تصميم.
- الاعتماد على ماسح آلي وحده.
- جعل اللون الإشارة الوحيدة للأخطاء أو الحالات.
- افتراض التزام قانوني دون التحقق منه. تختلف القواعد بحسب الدولة والقطاع.