تجربة المستخدم · 2 دقائق للقراءة

نماذج سهلة الوصول: يجب أن يفهم الجميع رسالة الخطأ

مجرد وضع إطار أحمر حول الحقل لا يوضح الخطأ.

BCL Web Design ·
رسم تحريري توضيحي خاص بالموضوع: نماذج سهلة الوصول: يجب أن يفهم الجميع رسالة الخطأBCLDESIGN JOURNAL
صورة تحريرية توضيحية أُنشئت لـ BCL وليست مكتباً أو مشروع عميل حقيقياً.

عرض القرار بشكل صحيح

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

ما الذي يجب الانتباه إليه في التطبيق؟

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

تحقق من الخطوة التالية

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

قائمة التحقق المختصرة

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