إتاحة الويب تعني أن يستطيع أي شخص استخدام موقعك، سواء كان يستعمل قارئ شاشة، أو لوحة المفاتيح فقط، أو يعاني ضعف النظر أو ضوء الشمس على شاشة جواله.
التباين والألوان
تأكد أن لون النص يختلف بوضوح عن الخلفية. النص الرمادي الفاتح على الأبيض جميل في التصميم لكنه صعب القراءة. ولا تعتمد على اللون وحده لنقل المعنى؛ أضف أيقونة أو نصاً إلى جانب اللون الأحمر للخطأ.
بنية الصفحة
- استخدم عناصر HTML الدلالية:
headerوnavوmainوbutton. - رتّب العناوين بتسلسل منطقي بلا قفز.
- اجعل الأزرار أزراراً حقيقية لا
divيُنقر عليه.
النماذج
- اربط كل حقل بتسمية (
label) صريحة، ولا تكتفِ بالنص الإرشادي داخل الحقل. - اعرض رسالة الخطأ قرب الحقل وبصياغة مفهومة.
- لا تحذف ما كتبه المستخدم عند الخطأ.
لوحة المفاتيح
جرّب موقعك بالضغط على Tab فقط. هل ترى أين المؤشر؟ هل تصل إلى كل رابط وزر؟ لا تُخفِ إطار التركيز (outline) دون بديل واضح.
الصور
اكتب نصاً بديلاً يصف وظيفة الصورة. وللصور الزخرفية اترك alt فارغاً.
الموقع الذي يسهل استخدامه على الجميع يسهل شراؤه منه أيضاً.



