قائمة التحقق من إمكانية الوصول لمختبري ضمان الجودة

استنادًا إلى WCAG 2.2 AA، ومصممة لدعم الاختبار اليدوي لإمكانية الوصول.

متطلبات الاختبار العامة

يمكن التنقل في الصفحة واستخدام وظائفها الأساسية باستخدام لوحة المفاتيح فقط. ترتيب الانتقال بمفتاح Tab منطقي ومتسق. مؤشر التركيز مرئي بوضوح على العناصر التفاعلية. لا توجد مصائد للوحة المفاتيح. تُستخدم المعالم الدلالية الصحيحة، مثل header وnav وmain وfooter، وتُستخدم ARIA عند الحاجة.

لوحة المفاتيح

يمكن الوصول إلى جميع العناصر القابلة للتفاعل باستخدام لوحة المفاتيح وفق نمط التفاعل المتوقع. تعمل الأزرار والعناصر المخصصة بمفاتيح Enter وSpace وفق نمط لوحة المفاتيح المناسب. يمكن استخدام مفتاح Escape لإغلاق النوافذ الحوارية عندما يكون ذلك هو السلوك المتوقع. ينتقل التركيز بتسلسل منطقي دون تجاوز عناصر مهمة. يمكن للتركيز الوصول إلى المحتوى المحمّل كسولًا أو ديناميكيًا دون فقدان السياق.

فحوص أساسية باستخدام قارئ الشاشة

ترتيب القراءة منطقي ومتسق مع بنية المحتوى. تتبع العناوين تسلسلًا هرميًا منطقيًا مثل h1 ثم h2 ثم h3 بحسب بنية المحتوى. تُعلن الأزرار والروابط وحقول النماذج بأسماء وأدوار وحالات صحيحة.

النماذج: الحقول والأخطاء وأزرار الاختيار ومربعات الاختيار والقوائم المنسدلة

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

المحتوى الديناميكي

تُعلن التغييرات الديناميكية المهمة، مثل التنبيهات ورسائل الحالة، لمستخدمي قارئات الشاشة باستخدام مناطق الحالة أو ARIA live عند الحاجة. تُبلغ التحديثات التي تحدث دون إعادة تحميل كاملة مستخدمي التقنيات المساعدة بطريقة مناسبة.

الروابط والأزرار

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

الصور

للصور المعلوماتية نص بديل مناسب وذو معنى. تستخدم الصور الزخرفية قيمة alt فارغة. توفّر الصور المعقدة، مثل المخططات، وصفًا تفصيليًا عند الحاجة.

الجداول

تُحدد خلايا عناوين الجداول وعلاقاتها بصورة صحيحة. تُقرأ بنية الجدول بترتيب منطقي باستخدام قارئات الشاشة.

النوافذ الحوارية

يبقى التركيز داخل النافذة الحوارية أثناء فتحها عندما يكون ذلك هو السلوك المناسب. يغلق مفتاح Escape النافذة الحوارية عندما يكون ذلك متوقعًا. يعلن قارئ الشاشة اسم النافذة الحوارية ودورها وحالتها بصورة صحيحة.

العروض الدوارة والشرائح

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

الأقسام القابلة للطي وعلامات التبويب

تتنقل مفاتيح الأسهم بين علامات التبويب وفق نمط لوحة المفاتيح المتوقع. تُعلن حالة التوسيع أو الطي بصورة صحيحة.

القوائم

يمكن استخدام القوائم بالكامل باستخدام لوحة المفاتيح وقارئات الشاشة. تُحدد الصفحة الحالية بصريًا وبرمجيًا، مثل استخدام aria-current.

تباين الألوان

يحقق النص نسبة التباين المطلوبة وفق WCAG، بما في ذلك 4.5:1 للنص العادي عند انطباقها. تتمتع مؤشرات التركيز بتباين كافٍ يجعلها واضحة.

اختبارات خاصة بالأجهزة المحمولة

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

اختبار التكبير وإعادة تدفق المحتوى

يبقى المحتوى مقروءًا وقابلًا للاستخدام عند التكبير إلى 200%. لا يلزم تمرير أفقي عند عرض 320 بكسل، إلا عندما يكون ذلك ضروريًا لطبيعة المحتوى.

سلوك تطبيقات الصفحة الواحدة (SPA)

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