# يجب أن يكون لعنصر select اسم قابل للوصول

<https://www.fixreports.com/ar/issues/select-name>

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

توجد قائمة منسدلة بلا تسمية (غالبًا أداة الترتيب أو أداة اختيار المتغيرات).

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

## لماذا يهم ذلك
يتطلب معيار WCAG 4.1.2 أن يكون لقوائم الاختيار اسم قابل للوصول.

## كيف تصلحها
### في أي موقع
1. أضف عنصر ⁨<label>⁩ مرتبطًا بقائمة الاختيار، أو سمة aria-label مثل ⁨aria-label="Sort by"⁩.

### في Shopify
1. أضف عنصر ⁨<label>⁩ مرتبطًا بقائمة الاختيار، أو سمة aria-label مثل ⁨aria-label="Sort by"⁩.

### في WooCommerce وWordPress
1. أضف عنصر ⁨<label>⁩ مرتبطًا بقائمة الاختيار، أو سمة aria-label مثل ⁨aria-label="Sort by"⁩.

## كيف تتحقق من الإصلاح
- أعد فحص صفحات المجموعات والمنتجات.

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