كيفية جعل النماذج مع التحقق من الخطأ قابلة للنفاذ

عناصر ال HTML

• <label>نستخدمها لربط تسمية النص بنموذج <input>.
• <legend> يتم استخدام العنصر لإضافة تسمية توضيحية إلى مجموعة من النماذج ذات الصلة <input> بالعناصر التي تم تجميعها معًا في <fieldset>.

WAI-ARIA

• الأدوار: تحديد ما هو العنصر أو ما يفعله.
  1. role=”form”
  2. role=”alert”
• الخصائص: تُستخدم لمنحهم معنى أو دلالات إضافية.
  1. aria-required للحقول المطلوبة.
  2. aria-labelledby لإضافة معلومات للحقل.
• الحالة: تحديد الشروط الحالية للعناصر.

JAVASCRIPT

• تأكد من قراءة الأخطاء بواسطة قارئ الشاشة والتركيز على الأخطاء.

معلومات اضافية

• استخدم عنصر وسيلة الإيضاح لعرض شرح حول الغرض من النموذج.
• استخدم التسميات فوق الحقل
• تظهر الرسالة في الجزء العلوي من النموذج “الحقول المطلوبة متبوعة بـ (*)”
• اتبع كل حقل مطلوب بعلامة البدء (*).