فهم التصميم وتجربة الاستخدام والإتاحة

مسار للقراءة

1. توجيه القراءة

• التسلسل الهرمي البصري

  تنظيم رسومي يشير إلى ما يجب رؤيته وفهمه أولاً من خلال الحجم والتباين والمساحة والموضع.

• بنية المعلومات

  تنظيم المحتوى والفئات والملصقات ومسارات التنقل بحيث يسهل العثور على المعلومات وفهمها.

• ترتيب القراءة

  التسلسل الذي يتم فيه مواجهة محتوى الصفحة أو المستند ، بما في ذلك لوحة المفاتيح أو التكنولوجيا المساعدة.

2. وصف التفاعلات

• الاسم الذي يمكن الوصول إليه

  اسم مكشوف للتقنيات المساعدة لتحديد زر أو مجال أو رابط أو مكون تفاعلي آخر.

• حالة المكون

  حالة مرئية لعنصر تحكم ، مثل التركيز أو الخطأ أو التحميل أو عدم التوفر.

• رسالة خطأ الحقل

  رسالة مرتبطة بحقل نموذج يشرح المشكلة والتصحيح المتوقع.

3. ملاحظة الاستخدام

• سهولة الاستخدام

  السهولة التي يمكن للمستخدمين من خلالها فهم الواجهة وإكمال المهام وتجنب الأخطاء أو التعافي منها.

• تصميم متجاوب

  تصميم يتكيف مع التخطيط والوسائط والتفاعلات مع أحجام وظروف الشاشة المختلفة.

• Cumulative Layout Shift (CLS)

  مقياس للاستقرار البصري يستند إلى أكبر مجموعة متتابعة من انتقالات التخطيط غير المتوقعة.

فروق مفيدة

نص بديل / الاسم الذي يمكن الوصول إليه

البديل النصي يوضح وظيفة الصورة؛ الاسم المتاح يعرّف عنصرًا. الصورة المستخدمة كتحكم يجب أن تشرح الإجراء.

إطار سلكي / نموذج بالحجم الطبيعي

المخطط الأولي يبحث في التنظيم والنموذج البصري يفصّل العرض. لا يثبت أي منهما عمل المسار داخل المتصفح.

استخدام المفاهيم لاتخاذ القرار

الحالة

خطأ نموذج ظاهر لكن العثور على الحقل بالمفاتيح صعب.

قبل القرار

افحص الاسم وربط الرسالة والترتيب. تغيير اللون فقط لا يشرح التصحيح.

فحص عملي

كرّر بقيمة غير صالحة دون مساعدة مصمم الشاشة.

مستندات مرجعية أولية

تشرح هذه المستندات المفاهيم التقنية. مسارات القراءة والأمثلة مناهج تحريرية تُكيّف حسب المشروع.

• W3C WAI — Forms
• W3C WAI — Images
• Web.dev - عناصر الويب الحيوية

موضوعات مرتبطة

• فهم التطوير والكود
• فهم المحتوى ودورة حياته