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

<https://www.fixreports.com/ar/issues/label>

WCAG ⁨4.1.2 Name, Role, Value⁩ · المستوى ⁨A⁩

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

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

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

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

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

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

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

## المصادر
- وثائق قاعدة axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- فهم WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value