شرح صفوف ومحتوى الفقرة
صُممت شبكة الويب لتكون متاحة لكل إنسان دون استثناء. ويُقصد بمصطلح إمكانية الوصول الرقمي (، ويُختصر عالمياً إلى لوجود 11 حرفاً بين أول حرف وآخر حرف في الكلمة الإنجليزية) بناء الواجهة الأمامية بحيث يتمكن ذوو الاحتياجات الخاصة ومستخدمو التقنيات المساعدة من تصفح الموقع والتفاعل معه بسهولة تامة:
- النص البديل للصور (): يعتمد المكفوفون وضعاف البصر على برامج قارئات الشاشة الصوتية ()؛ فعندما يكتب المطور وصفاً واضحاً داخل خاصية للصورة، يقرأ البرنامج هذا الوصف صوتياً للمستخدم.
- التنقل الكامل عبر لوحة المفاتيح: يتصفح كثير من المستخدمين المواقع عبر مفتاح ومفتاح دون فأرة؛ لذا يجب أن يظهر إطار تركيز واضح () حول كل زر أو رابط عند الوقوف عليه.
- التباين اللوني والوسوم الدلالية (): استخدام ألوان متباينة وواضحة ووسوم حقيقية مثل يفيد ذوي الاحتياجات الخاصة، كما يفيد أي زائر يقرأ الموقع من شاشة هاتفه تحت ضوء الشمس الساطع.
انظر إلى هذا المثال البسيط الذي يوضح كتابة صورة وزر يدعمان إمكانية الوصول الرقمي:
HTML
<img src="diagram.svg" alt="Diagram comparing UI and UX design">
<button type="button" aria-label="Save lesson progress">
Save Progress
</button>