يجب أن تكون لعناصر النماذج تسميات

ما الذي تفحصه هذه القاعدة

يتحقق من أن لكل عنصر في النموذج تسمية.

لماذا يهم ذلك

تتطلب معايير WCAG 1.3.1 و3.3.2 و4.1.2 أن تكون لحقول النماذج تسميات. وحقول الاشتراك في النشرة البريدية والبحث من أكثر الحقول المخالفة شيوعًا.

كيف تصلحها

1. امنح كل حقل عنصر ⁨<label for="field-id">⁩، أو على الأقل سمة aria-label.
2. النص النائب وحده لا يُعدّ تسمية.

كيف تتحقق من الإصلاح

• أعد الفحص وتأكد من أن القاعدة ⁨label⁩ لم تعد تفشل.
• انقر على كل تسمية وتحقّق من أنها تنقل التركيز إلى حقلها.

كيف يكتشفها FixReports

يشغّل فحصنا قاعدة axe-core ⁨label⁩ في متصفح Chrome حقيقي على كل صفحة يختبرها، ويبلّغ عن كل عنصر لا يجتازها مع صفحته وترميزه، ومع لقطة شاشة حيثما ينطبق ذلك.

يؤكد الاختبار الآلي وجود هذه المشكلة بعينها، لكنه لا يستطيع أن يحكم على إمكانية الوصول في بقية الصفحة: فبعض العوائق لا تظهر إلا عندما يفحص شخصٌ الصفحة بنفسه.