كيف أجعل موقعي سهل الاستخدام لذوي الإعاقة؟ أساسيات إمكانية الوصول

التباين والنص المقروء

الرمادي الفاتح على الأبيض يبدو أنيقًا لكنه غير مقروء للكثيرين. مستوى AA في WCAG يطلب نسبة تباين 4.5 إلى 1 للنص العادي و3 إلى 1 للنص الكبير. وأدوات فحص التباين المجانية تعطيك النسبة بلصق لونين.

• اجعل نص المتن 16 بكسل على الأقل مع تباعد أسطر مريح.
• لا تعتمد على اللون وحده، كالأحمر للأخطاء؛ أضف أيقونة أو كلمات.
• اسمح بالتكبير ولا تعطّل التكبير بالإصبعين.

لوحة المفاتيح والتركيز

اضغط Tab في موقعك. هل تصل إلى كل رابط وزر وحقل بترتيب منطقي، وهل ترى دائمًا أين أنت؟ إطار التركيز المرئي ضروري. والقوائم والنوافذ المنبثقة والسلايدرات يجب أن تعمل بـ Enter والمسافة و Escape.

النص البديل والتسميات والبنية

كل صورة ذات معنى تحتاج وصفًا قصيرًا لما تعرضه أو تفعله، والصور الزخرفية تأخذ نصًا بديلًا فارغًا ليتجاوزها قارئ الشاشة. وكل حقل نموذج يحتاج تسمية ظاهرة لا مجرد نص تلميحي. استخدم عناوين حقيقية مرتبة وأزرارًا تقول ما تفعل بدل «اضغط هنا».

العربية واتجاه الكتابة

للعربية والأردية اضبط اتجاه الصفحة على RTL وسمة اللغة بشكل صحيح ليختار قارئ الشاشة الصوت المناسب. اعكس التخطيط والأيقونات الاتجاهية كالأسهم، لكن اترك الشعارات وأرقام الهواتف وأزرار الفيديو كما هي. استخدم خطًا مصممًا للعربية، وزد ارتفاع السطر، وقرّر عن قصد بين الأرقام الهندية والغربية ثم التزم بقرارك.

اطلبها بالمحادثة

مع Uttra تقدر تطلب هذه التحسينات بكلام عادي. هذا طلب جاهز:

«حسّن إمكانية الوصول في موقعي: ارفع تباين النصوص إلى مستوى AA، وأضف إطار تركيز واضحًا، وضع نصًا بديلًا مفيدًا لكل صورة، وسمِّ كل حقول النماذج، واجعل القائمة تعمل بلوحة المفاتيح، وتأكد أن النسخة العربية RTL منعكسة بشكل صحيح.»

ثم اختبر بنفسك بـ Tab فقط وبتكبير 200 في المئة ومع قارئ شاشة مجاني. الأدوات الآلية تكشف جزءًا فقط من المشاكل.