قابل للتشغيل: كل شيء يعمل، حتى دون فأرة

ما هو

قابل للتشغيل هو المبدأ الثاني في WCAG. يجب أن يستطيع الجميع استخدام كل شيء في موقعك: القائمة والأزرار والنماذج. ليس بالفأرة فقط، بل أيضا بلوحة المفاتيح وحدها أو بالتحكم الصوتي.

في هذا المبدأ خمسة إرشادات. هي عن التشغيل بلوحة المفاتيح (2.1)، والوقت الكافي (2.2)، والصور الوامضة التي قد تسبب نوبة صرع (2.3)، وعن إيجاد الطريق (2.4)، وطرق تشغيل أخرى، مثل اللمس والصوت (2.5). تحتها 20 معيار نجاح في المستوى A وAA: شروط يمكن بها اختبار الموقع. في ما يلي أهمها، مع رقمها في WCAG 2.2. هذا الرقم مفيد عند إبلاغ من يبني موقعك أو الشركة المزودة بمشكلة.

لماذا هذا مهم

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

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

خطوات العمل

البناء من عمل من يبني موقعك. ومعظم النقاط التالية يمكنك التحقق منها بنفسك بلوحة المفاتيح أو بالهاتف.

1. كل شيء يعمل بلوحة المفاتيح (2.1.1، المستوى A). بمفتاح Tab يتم الانتقال إلى الرابط أو الزر التالي، وبمفتاح Enter يتم الاختيار، ولا يتوقف التنقل في أي مكان (2.1.2، A). مشكلة معروفة: أزرار مشغل الفيديو.
2. مكانك ظاهر دائما (2.4.7، AA). التركيز (focus) هو إطار أو لون ظاهر حول الرابط أو الزر الذي أنت عنده. إذا أزال من يبني موقعك الإطار المعتاد للمتصفح، يجب أن يضع مكانه تركيزا آخر ظاهرا. ويجب ألا يختفي الزر الذي عليه التركيز بالكامل خلف شريط دردشة ثابت مثلا (2.4.11، AA، جديد في 2.2). يمكنك طلب عرض شكل التركيز على كل لون خلفية في موقعك ممن يبني موقعك.
3. الترتيب منطقي (2.4.3، A). بمفتاح Tab يتم المرور على الصفحة بترتيب منطقي، في الغالب من الأعلى إلى الأسفل.
4. يمكن تخطي القائمة (2.4.1، A). رابط «إلى المحتوى» في الأعلى يوفر ضغطات كثيرة.
5. العناوين تقول ما هو الموضوع (2.4.2، A و2.4.6، AA). عبارة «التسجيل لدى فريق الحي» في علامة التبويب تقول أكثر من «الرئيسية».
6. نصوص الروابط واضحة (2.4.4، A). «المزيد عن التسجيل» بدلا من «انقر هنا».
7. هناك أكثر من طريق إلى الصفحة (2.4.5، AA). مثلا القائمة وخاصية البحث، أو قائمة بكل الصفحات. من يرى بصعوبة يجد الصفحة أحيانا أسهل بالبحث منه عبر قائمة كبيرة. إذا كان في موقعك ثلاث أو أربع صفحات فقط، فقد تكفي الروابط من الصفحة الرئيسية.
8. هناك وقت كاف (2.2.1، A). هل تنهي بوابة المراجعين الجلسة بعد مدة؟ عندها يلزم تنبيه قبل ذلك، و20 ثانية على الأقل لطلب وقت إضافي بإجراء واحد. أو إمكانية إيقاف الحد الزمني مسبقا.
9. لا شيء يتحرك دون زر إيقاف مؤقت (2.2.2، A). الأخبار التي تتبدل تلقائيا وتستمر أكثر من خمس ثوان، يجب أن تكون هناك إمكانية لإيقافها مؤقتا أو إيقافها أو إخفائها. ولا شيء يومض أكثر من ثلاث مرات في الثانية (2.3.1، A).
10. يمكن الاستغناء عن السحب والمسح بالإصبع (2.5.7، AA، جديد في 2.2، و2.5.1، A). هل يتم تغيير موعد بسحبه؟ عندها يلزم أيضا زر أو قائمة اختيار. هل يمكن تكبير خريطة الحي بإصبعين؟ عندها يلزم أيضا زر للتكبير وزر للتصغير.
11. النص الظاهر موجود في الاسم (2.5.3، A). إذا كان على زر «تسجيل»، فهذه الكلمة موجودة أيضا في اسمه في الكود. فمن يعمل بالصوت يقول ما هو مكتوب على الزر: «انقر تسجيل». إذا كان اسم الزر في الكود «إرسال النموذج»، فلن يحدث شيء.
12. مساحات النقر كبيرة بما يكفي (2.5.8، AA، جديد في 2.2). الزر 24 في 24 بكسل CSS على الأقل، وهو مقياس يستخدمه مطورو المواقع، أو حوله مسافة كافية. الرابط في وسط جملة لا يحسب. المقياس الأشد، 44 في 44، من المستوى AAA (2.5.5).

تنبيه

• الاختبار بنفسك. يمكنك وضع الفأرة جانبا وتعبئة نموذج التسجيل بمفاتيح Tab وShift+Tab والأسهم وEnter فقط. أداة اختبار لوحة المفاتيح ترافقك في ذلك بعشر خطوات قصيرة.
• فحص القوائم المنسدلة وحدها. القائمة التي تنفتح عند وضع الفأرة عليها يجب أن تعمل أيضا بلوحة المفاتيح.
• الإصدار الذي تتبعه قائمة التحقق مهم. القواعد وقوائم التحقق الأقدم تعتمد على WCAG 2.1، وفيها لا توجد الشروط المسماة أعلاه «جديد في 2.2». عن الإصدار الذي تطلبه القواعد للحكومة يمكنك القراءة في ما هو WCAG؟

لمعرفة المزيد

• المبادئ الأخرى: قابل للإدراك، وقابل للفهم، ومتين.
• جعل موقعك سهل الوصول: الخطوات لمؤسستك.
• قائمة فحص لموقع يسهل الوصول إليه