الموارد · 57
الحوارات ولوحات المفاتيح: اختبار مسار التركيز
التحقق من الفتح والتنقل والإغلاق واستعادة السياق في الواجهات التي تقاطع مهمة ما.
مُحدَّث · 3 min
ما يُساعد هذا الدليل على تحقيقه
- اختيار المكون المناسب
- وضع تركيز مفهوم
- السماح بالإغلاق
- استعادة السياق
فحص سريع
- هل النافذة المنبثقة ضرورية؟
- أين يستقر التركيز عند الفتح؟
- هل الخلفية ثابتة بالفعل؟
- هل يمكن إغلاق مربع الحوار باستخدام لوحة المفاتيح؟
- أين يعود التركيز إذا اختفى الزر؟
طريقة خطوة بخطوة
- 1
اختيار المقاطعة
تحديد ما إذا كانت المعلومات تحتاج إلى نافذة منبثقة أم يمكن أن تبقى في الصفحة. فصل مربعات الحوار المنبثقة واللوحات والقوائم. تفضيل العناصر الأصلية المناسبة والتحقق من السلوك؛ لا يقوم دور ARIA بإنشاء التفاعلات تلقائيًا.
المُخرَج: اختيار المكوّن وأسبابه.
- 2
التسمية والفتح
ربط اسم سهل الوصول إليه بعنوان مرئي. ضع التركيز بشكل مناسب: في بداية المحتوى المنظم، أو حقل مفيد، أو إجراء آمن حسب المهمة. يجب ألا يؤدي الفتح إلى تمرير البداية خارج نطاق العرض.
المُخرَج: اختبار الفتح.
- 3
التنقل باستخدام لوحة المفاتيح
وفقًا لنمط مربع الحوار المشروط W3C، يبقى مفتاحا Tab و Shift+Tab داخل المحتوى، بينما يكون المحتوى الخارجي غير نشط. تحقق من التركيز المرئي، والترتيب المنطقي، وعدم وجود أي عوائق في عناصر التحكم المتداخلة.
المُخرَج: التنقل للأمام والخلف.
- 4
الإغلاق والاستعادة
توفير إغلاق مرئي وسلوك متوقع لزر Escape. أعد التركيز إلى المُشغِّل أو إلى خطوة منطقية إذا لم يعد المُشغِّل موجودًا. بعد الإرسال، يجب أن يجد المستخدمون التغييرات وما يمكن أن يحدث لاحقًا.
المُخرَج: استعادة التركيز والسياق.
- 5
اختبار الأخطاء والمسافات
تضمين الرسائل الطويلة، والحقول غير الصالحة، ولوحات مفاتيح الأجهزة المحمولة، والتكبير/التصغير. يجب ألا يؤدي التمرير إلى إخفاء الإجراءات أو العناوين بشكل دائم. يجب أن تكون الأخطاء مفهومة ويمكن الوصول إليها دون فقدان القيم المدخلة.
المُخرَج: حالات الاستخدام على الشاشات الضيقة.
- 6
التحقق من الصفحة
اختبار المكون المُدمج باستخدام لوحة المفاتيح والتقنيات المساعدة، ليس فقط في عرض توضيحي معزول. التحقق من فتح الصفحة بشكل متكرر والتركيز بعد إغلاقها بشكل متكرر. لا يُعد القبول المحلي وحده كافيًا للحصول على شهادة WCAG.
المُخرَج: سجل القبول والحدود المعروفة.
ورقة عمل قابلة لإعادة الاستخدام
أكمل بملاحظاتك المعتمدة. هذه الحقول عبارة عن نموذج عمل، وليست نتائج مُلاحظة.
| الحقل | المعلومات المطلوب تسجيلها |
|---|---|
| الفتح | الزناد، والاتجاه، والتركيز الأولي |
| الرحلة | مفتاح Tab، وShift+Tab، وخلفية ثابتة، وتركيز مرئي |
| الإغلاق | مفتاح Escape، والزر، والرجوع المنطقي |
| الحدود | اختبار التكبير، والمحتوى الطويل، والأخطاء، والمساعدة |
مثال عملي افتراضي
حالة توضيحية
مثال افتراضي: مربع حوار يؤكد حذف صف، ثم يختفي زر فتحه.
القرار والأدلة المتوقعة
بعد التأكيد، يعود التركيز إلى العنصر التالي المنطقي أو عنوان القائمة، مع إعلان النتيجة وظهور الخطوة التالية.
تمييز الآليات
| الآلية | الغرض | التحقق أو التقييد |
|---|---|---|
| مربع حوار مشروط | مقاطعة لمهمة محدودة | خلفية خاملة وتركيز محصور |
| لوحة غير مشروطة | إبقاء السياق متاحًا | حركة تركيز متماسكة |
| قسم الصفحة | عرض معلومات مستمرة | غالبًا ما يكون الرجوع إليها أسهل |
مؤشرات الإدارة
| المؤشر | ما يقيسه | الإجراء الأول |
|---|---|---|
| إتمام عمليات الكتابة باستخدام لوحة المفاتيح | تنفيذ المهام بدون مؤشر | إصلاح المعوقات |
| تصحيح عمليات استعادة التركيز | عمليات الإغلاق التي تستعيد السياق المفيد | معالجة المشغلات المفقودة |
| اختبار حالات الحافة | التكبير/التصغير، والأخطاء، والمحتوى الطويل | حذف المستندات |
الأخطاء الشائعة
- إضافة aria-modal بدون محتوى خامل
- فقدان التركيز بعد الإغلاق
- منع استخدام زر الهروب بدون مخرج واضح
- اختبار الفتح باستخدام الماوس فقط
الأسئلة المتكررة
هل يكفي مربع حوار أصلي؟
يوفر سلوكًا مفيدًا، لكن التسمية والتركيز الأولي والمحتوى والأخطاء والتكامل لا تزال بحاجة إلى اختبار.
هل يجب أن يحصل الزر الأول على التركيز؟
ليس دائمًا. تعتمد النقطة المناسبة على المحتوى والمهمة، خاصةً للقرارات غير القابلة للتراجع.
هل يمكن للأتمتة التحقق من صحة المسار؟
يكتشف بعض العيوب، لكن الفهم والترتيب المفيد واستعادة السياق تحتاج إلى قبول يدوي.
المراجع الرسمية
تدعم المراجع الطريقة. قم بتكييف عمليات التحقق مع سياقك؛ فهي ليست شهادة. قد تكون عناوين المراجع الأصلية والوثائق المصدرية بلغة أخرى.
تاريخ مراجعة المراجع .
