تطوير الويب مع إعطاء الأولوية لإمكانية الوصول
تطرح معظم الشركات الأسئلة الخاطئة عند بناء موقع إلكتروني؛ فهي لا تسأل عما إذا كان بإمكان الجميع استخدامه.
إنهم يبنون المواقع للأشخاص الذين يمتلكون أجهزة كمبيوتر محمولة سريعة ورؤية مثالية. وينسون الشخص الذي يستخدم قارئ الشاشة. وينسون المستخدم الذي يعتمد على لوحة المفاتيح بدلاً من الفأرة. وينسون الشخص الذي يحتاج إلى تخطيطات واضحة لفهم المحتوى.
إذا كان موقعك لا يعمل لهؤلاء الأشخاص، فهو لا يعمل حقاً.
غالباً ما تُعامل "إمكانية الوصول" كبند أخير في قائمة المهام. وهذا خطأ. فالبناء مع وضع إمكانية الوصول في الاعتبار منذ اليوم الأول يؤدي إلى إنشاء مواقع إلكترونية أفضل. ستحصل على أوقات تحميل أسرع، وكود أكثر نظافة، وتحسين أفضل لمحركات البحث (SEO).
إليك إطار عمل عملي لاتباعه:
استخدم HTML الدلالي (Semantic HTML) استخدم العناصر الصحيحة للمهام الصحيحة. يجب أن يكون الزر عبارة عن زر في الكود. إن استخدام
divمنسق بدلاً من زر يجعل موقعك غير مرئي للأدوات المساعدة. إصلاح هذا لاحقاً مكلف، أما القيام به الآن فهو مجاني.ابنِ الموقع ليدعم التنقل عبر لوحة المفاتيح لا يستخدم العديد من المستخدمين الفأرة. يجب أن يعمل كل رابط وزر ونموذج باستخدام مفتاحي Tab و Enter. تأكد من أن مؤشر التركيز (focus indicator) مرئي حتى يعرف المستخدمون مكانهم في الصفحة.
تحقق من تباين الألوان يجب أن يبرز النص عن خلفيته. استهدف نسبة تباين لا تقل عن 4.5:1. لا تعتمد على اللون وحده لإيصال المعنى. إذا ظهر الخطأ كنص أحمر فقط، فلن يلاحظه المستخدم المصاب بعمى الألوان. أضف أيقونة أو تسمية توضيحية.
اكتب نصاً بديلاً (Alt Text) ذا معنى توقف عن استخدام أسماء الملفات مثل "image1.jpg" كنص بديل. صف ما تظهره الصورة ولماذا هي مهمة. إذا كانت الصورة للزينة فقط، فاستخدم سمة
altفارغة حتى يتخطاها قارئ الشاشة.اختبر باستخدام أدوات حقيقية الأدوات الآلية لا تكتشف سوى حوالي 40% من المشكلات. يجب عليك الاختبار باستخدام قارئات شاشة فعلية مثل NVDA أو JAWS أو VoiceOver. إذا اعتمدت على البرمجيات فقط، فستفوتك الفجوات الحقيقية.
عندما تبني من أجل الأطراف، يتحسن المركز للجميع. فالشخص الذي يستخدم هاتفه تحت ضوء الشمس الساطع أو الوالد الذي يحمل طفلاً بيد واحدة سيستفيد من تصميمك المتاح للجميع.
توقف عن التعامل مع إمكانية الوصول كواجب قانوني. تعامل معها كمعيار للجودة.