# عناصر [role="img"] و [role="image"] باید متن جایگزین داشته باشند

<https://www.fixreports.com/fa/issues/role-img-alt>

WCAG ⁨1.1.1 Non-text Content⁩ · سطح ⁨A⁩

عنصری که به‌عنوان تصویر ارائه شده است متن جایگزین ندارد.

## این قاعده چه چیزی را بررسی می‌کند
بررسی می‌کند که عناصر [role="img"] و [role="image"] متن جایگزین داشته باشند.

## چرا اهمیت دارد
WCAG 1.1.1 برای تصاویر معنادار یک متن جایگزین الزامی می‌کند.

## نحوه رفع
### در هر وب‌سایت
1. به عنصر aria-label اضافه کنید، یا اگر تزئینی است ⁨role="img"⁩ را حذف کنید.

### در Shopify
1. به عنصر aria-label اضافه کنید، یا اگر تزئینی است ⁨role="img"⁩ را حذف کنید.

### در WooCommerce و WordPress
1. به عنصر aria-label اضافه کنید، یا اگر تزئینی است ⁨role="img"⁩ را حذف کنید.

## نحوه بررسی اصلاح
- صفحات تحت تأثیر را دوباره اسکن کنید.

## منابع
- مستندات قاعده axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/role-img-alt
- توضیح معیار WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content