# يجب أن يكون لعناصر <svg> ذات الدور img أو image نص بديل

<https://www.fixreports.com/ar/issues/svg-img-alt>

WCAG ⁨1.1.1 Non-text Content⁩ · المستوى ⁨A⁩

توجد صورة SVG تنقل معلومات بلا بديل نصي.

## ما الذي تفحصه هذه القاعدة
يتحقق من أن لعناصر <svg> ذات الدور img أو image أو graphics-document أو graphics-symbol نصًا قابلًا للوصول.

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

## كيف تصلحها
### في أي موقع
1. أضف aria-label أو عنصر ⁨<title>⁩ إلى صور SVG ذات المعنى، أو ⁨aria-hidden="true"⁩ إلى الزخرفية البحتة منها.

### في Shopify
1. أضف aria-label أو عنصر ⁨<title>⁩ إلى صور SVG ذات المعنى، أو ⁨aria-hidden="true"⁩ إلى الزخرفية البحتة منها.

### في WooCommerce وWordPress
1. أضف aria-label أو عنصر ⁨<title>⁩ إلى صور SVG ذات المعنى، أو ⁨aria-hidden="true"⁩ إلى الزخرفية البحتة منها.

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

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