اختبار قابلية الاستخدام وإمكانية الوصول – مستخدمون افتراضيون ومعايير WCAG

علوم الحاسوبالتطبيقات الرقمية17–18 سنة

جارٍ التحميل…

استخدمها مع صفي ✨ خصّصها بالذكاء الاصطناعي الإبلاغ عن مشكلة

يؤدي مستخدمون افتراضيون باحتياجات مختلفة (مستخدم عادي، ومستخدم مسن ضعيف البصر، ومستخدم ترتجف يده، ومستخدم كفيف يستعمل قارئ الشاشة، ومستخدم يعتمد على لوحة المفاتيح وحدها، ومستخدم أصم، ومستخدم مصاب بعمى الألوان) المهمة نفسها على تصميمين للواجهة هما A وB. تعرض المحاكاة الزمن والأخطاء وعدد الإجراءات ونسبة الإكمال، وترسم كل نقرة على الأزرار. غيّر حجم الأزرار والمسافات بينها وحجم الخط والألوان وتسميات الأزرار وعمق القائمة والنص البديل وترتيب العناوين وترتيب القراءة والترجمة النصية للفيديو، ثم أعد الاختبار؛ ويحسب مدقق إمكانية الوصول نسب التباين ويفحص معايير النجاح في WCAG 2.2.

الدرس: تصميم الواجهات المتمحور حول المستخدم: اختبار قابلية الاستخدام وإمكانية الوصول ومعايير النجاح في WCAG

ماذا تعرض

قابلية الاستخدام هي مدى سرعة الناس ودقتهم في إنجاز المهام باستخدام واجهة ما، أما إمكانية الوصول فتعني أن يتمكن ذوو الإعاقة من استخدامها أيضًا. يختبر المصممون واجهاتهم مع مستخدمين باحتياجات مختلفة ويقيسون الزمن والأخطاء ونسبة النجاح. ويتبع زمن النقر قانون فيتس: الأهداف الصغيرة البعيدة تستغرق وقتًا أطول وتُخطأ أكثر. وتضع إرشادات إمكانية الوصول إلى محتوى الويب (WCAG 2.2) معايير قابلة للفحص: تباين للنص لا يقل عن 4.5:1، ونصوص بديلة للصور وأزرار الأيقونات، وعناوين مرتبة، وترتيب قراءة منطقي، وترجمة نصية للفيديو، وأهداف لا تقل عن 24 px، وعدم نقل المعلومات باللون وحده.

طريقة الاستخدام

اختر «المهمة» و«مجموعة المستخدمين»، ثم اختر التصميم الذي تعدّله بالزر A أو B. غيّر «حجم الزر» و«المسافة» و«حجم الخط» و«عمق القائمة» والألوان و«تسميات الأزرار» و«العناوين» و«ترتيب القراءة»، وفعّل «النص البديل» أو «ترجمة الفيديو» أو «الحالة باللون فقط». يتحدث جدول النتائج والمخطط فورًا؛ واضغط «شغّل الاختبار» لتحريك عينة جديدة من المستخدمين. قارن التصميمين في «مدقق إمكانية الوصول» واقرأ قائمة ترتيب قارئ الشاشة.

المعاملات القابلة للتغيير

  • المهمة تجديد إعارة كتاب متأخر, معرفة مواعيد العمل اليوم, مشاهدة فيديو المساعدة
  • المستخدمون الافتراضيون كل المجموعات, مستخدم عادي, مستخدم مسن ضعيف البصر, مستخدم ترتجف يده, مستخدم كفيف (قارئ الشاشة), مستخدم لوحة المفاتيح فقط, مستخدم أصم, مستخدم مصاب بعمى الأحمر والأخضر
  • عدد المستخدمين في كل مجموعة 5–40 مستخدمين
  • التصميمان في البداية A ضعيف، وB محسَّن, A وB متطابقان (حسّن B بنفسك)
  • التصميم الجاري تعديله التصميم A, التصميم B
  • إظهار مدقق إمكانية الوصول

أسئلة للاستكشاف

  1. لماذا يفيد تكبير الأزرار المستخدم الذي ترتجف يده أكثر مما يفيد المستخدم العادي؟
  2. هل يجتاز النص الرمادي #9e9e9e على خلفية بيضاء المستوى AA في WCAG، وكيف يمكنك إصلاحه؟
  3. لماذا تجعل الأزرار ذات الأيقونات فقط ومن دون نص بديل مستخدمي قارئ الشاشة يستسلمون؟