أهمية إتاحة الويب

غالبًا ما لا يتم تصميم مواقع الويب أو أدوات الويب أو التطبيقات بشكل صحيح، ونتيجة لذلك، يمكنها أن تخلق حواجزًا تجعل من الصعب على الأشخاص ذوي الإعاقة استخدام الويب.

تُعد إمكانية الوصول إلى الويب جانبًا مهمًا من التصميم مع انتقال الأشياء بشكل متزايد إلى السحابة. سواء كان ذلك برمجيات كخدمة (SaaS) أو مواقع ويب عادية، فإن إزالة العوائق التي تمنع الأشخاص ذوي الإعاقة من الوصول إلى هذه المنتجات والخدمات تعتبر اعتبارًا حاسمًا.

ما هي إمكانية الوصول إلى الويب؟

تعني إمكانية الوصول إلى الويب أن المواقع والأدوات والتقنيات مصممة ومطورة بحيث يتمكن الأشخاص ذوو الإعاقة من استخدامها. وبشكل أكثر تحديدًا، يمكن للأشخاص: إدراك الويب وفهمه والتنقل فيه والتفاعل معه، والمساهمة فيه - WAI

لماذا تعتبر إمكانية الوصول إلى الويب مهمة؟

يجب أن يكون الإنترنت والتطبيقات عليه قابلة للوصول للجميع من أجل توفير وصول متساوٍ وفرص متساوية للأشخاص ذوي الإعاقة. يمكن لموقع الويب المتاح أن يساعد أولئك الذين يعانون من إعاقات على المشاركة والاستفادة من الإنترنت.

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

تُعد إمكانية الوصول ميزة قياسية موصى بها في أفضل ممارسات تصميم الويب/الهاتف المحمول.

يحتوي اتحاد شبكة الويب العالمية (W3C) على قسم كامل مخصص لإمكانية الوصول يُسمى مبادرة إمكانية الوصول للويب (WAI).

يوفر مجموعة واسعة من الموارد حول جوانب مختلفة من إمكانية الوصول للويب مثل المعايير، التعليم، الاختبار/التقييم، إدارة المشاريع والسياسات.

كيف يمكن جعل موقع الويب أكثر سهولة في الوصول؟

1. أكثر شيء شائع يغفله العديد من منشئي مواقع الويب هو وسم alt للصور. استخدم وسم alt لتحسين إمكانية الوصول.
2. استخدم سمات aria للوسوم المختلفة. يمكنك العثور على مزيد من المعلومات هنا.
3. استخدم رؤوس الجداول مع سمة النطاق (scope). استخدم وسم التسمية التوضيحية (caption) للجدول.
4. لا تنسَ أبدًا وسم العنوان (title tag) لكل صفحة.
5. التركيز على تنقل سلس تمامًا عبر لوحة المفاتيح من الأعلى إلى الأسفل في دورة، دون التعثر في أي عنصر.
6. إذا كنت تنشر مقاطع فيديو، ففكر في التسميات التوضيحية المغلقة.
7. تأكد من حالة :focus لوسوم النماذج والروابط.
8. استخدم وسوم التسميات (label tags) لعناصر النموذج.
9. استخدم سمة اللغة، على سبيل المثال < html lang="en" >
10. فكر في هيكل دلالي لموقع الويب
11. اختبر دائمًا نسبة تباين الألوان بين الخلفية ولون المقدمة
12. الاختبار، والاختبار، والمزيد من الاختبارات مع أجهزة مختلفة.

الأدوات

• أدوات مطوري Chrome (تحقق من تبويب إمكانية الوصول) Lighthouse
• منصة الامتثال لإمكانية الوصول (A11Y Compliance Platform) بواسطة مكتب إمكانية الوصول للإنترنت
• قائمة تحقق إمكانية الوصول (Accessibility Checklist) بواسطة Elsevier
• أدوات مطوري إمكانية الوصول (Accessibility Developer Tools) بواسطة Google Accessibility
• ColorTester بواسطة Alfasado Inc.
• Contrast-Finder بواسطة Tanaguru
• DYNO Mapper بواسطة Indigo Design Company LLC
• WAVE بواسطة WebAIM

تحقق من هذا مستودع GitHub و صفحة W3C لمزيد من قائمة أدوات إمكانية الوصول للويب.

يوجد لدى الكويت مكتب W3C الخاص بها حيث يمكنك الاتصال بمحمد العكناني، المدير الإقليمي، مكتب دول مجلس التعاون الخليجي، موهد@w3.org.kw، www.w3.org.kw، هاتف: ⁦22240141⁩/2، فاكس: ⁦22240143⁩