# عناصر <svg> با نقش img یا image باید متن جایگزین داشته باشند

<https://www.fixreports.com/fa/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. به SVGهای معنادار aria-label یا یک عنصر ⁨<title>⁩ اضافه کنید، و به SVGهای صرفاً تزئینی ⁨aria-hidden="true"⁩.

### در Shopify
1. به SVGهای معنادار aria-label یا یک عنصر ⁨<title>⁩ اضافه کنید، و به SVGهای صرفاً تزئینی ⁨aria-hidden="true"⁩.

### در WooCommerce و WordPress
1. به SVGهای معنادار 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