الرئيسية › قاعدة المعرفة › معيار WCAG

تسمية النماذج وفق WCAG

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

الطريق الصحيح

<label for="email">البريد الإلكتروني</label><input id="email"> — أو ضمِّن الحقل داخل <label>. aria-label / aria-labelledby فقط عندما تتعذر التسمية المرئية.

لماذا لا يكفي placeholder

يختفي placeholder عند الإدخال، وغالبًا ما يكون تباينه منخفضًا جدًا، ولا تتعرف عليه بعض قارئات الشاشة كتسمية.

رسائل الخطأ

اربط الخطأ بالحقل (aria-describedby) وصُغ النص بشكل ملموس («أدخل بريدًا إلكترونيًا صالحًا»، لا «خطأ»).

كيف يساعد a11yglass

يفحص المسح المجاني الـ HTML والـ CSS المُقدَّمين بحثًا عن مخالفات WCAG التي يمكن التعرف عليها آليًا، ويذكر لكل نتيجة معيار النجاح وإجراءً ملموسًا. يكتشف نحو 20–35 % من المشكلات ولا يحل محل تقييم كامل.

تابع القراءة

معلومات عامة بحسب أفضل المعرفة، وليست استشارة قانونية. للحالة الفردية استعن بمكتب محاماة متخصص في قانون تقنية المعلومات.