# يجب أن يكون لأزرار الصور نص بديل

<https://www.fixreports.com/ar/issues/input-image-alt>

WCAG ⁨1.1.1 Non-text Content, 4.1.2 Name, Role, Value⁩ · المستوى ⁨A⁩

يوجد زر صورة بلا نص بديل، فلا تستطيع قارئات الشاشة ذكر وظيفته.

## ما الذي تفحصه هذه القاعدة
يتحقق من أن لعناصر <input type="image"> نصًا بديلًا.

## لماذا يهم ذلك
يتطلب المعياران WCAG 1.1.1 و4.1.2 أن يكون لأزرار الصور بديل نصي.

## كيف تصلحها
### في أي موقع
1. أضف نصًا بديلًا يصف الإجراء، مثل ⁨alt="Search"⁩.

### في Shopify
1. أضف نصًا بديلًا يصف الإجراء، مثل ⁨alt="Search"⁩.

### في WooCommerce وWordPress
1. أضف نصًا بديلًا يصف الإجراء، مثل ⁨alt="Search"⁩.

## كيف تتحقق من الإصلاح
- أعد فحص الصفحات المتأثرة.

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