# لینک‌ها باید متن قابل تشخیص داشته باشند

<https://www.fixreports.com/fa/issues/link-name>

WCAG ⁨2.4.4 Link Purpose (In Context), 4.1.2 Name, Role, Value⁩ · سطح ⁨A⁩

برخی لینک‌ها هیچ متنی ندارند که صفحه‌خوان بتواند اعلام کند؛ اغلب لینک‌هایی که فقط یک آیکون دارند، مانند آیکون‌های شبکه‌های اجتماعی یا آیکون سبد خرید.

## این قاعده چه چیزی را بررسی می‌کند
بررسی می‌کند که لینک‌ها متن قابل تشخیص داشته باشند.

## چرا اهمیت دارد
WCAG 2.4.4 و 4.1.2 الزامی می‌کنند که لینک‌ها نام دسترس‌پذیر داشته باشند که هدفشان را توصیف کند.

## نحوه رفع
### در هر وب‌سایت
1. لینک‌هایی را که نام ندارند پیدا کنید. بیشتر آن‌ها آیکون یا تصویری داخل یک تگ ⁨<a>⁩ هستند.
2. یک متن پنهان از دید (visually hidden) داخل لینک اضافه کنید، یا یک aria-label مانند ⁨aria-label="Instagram"⁩ یا ⁨aria-label="Cart"⁩.
3. اگر لینک یک تصویر را در بر گرفته است، به‌جای آن به تصویر یک متن alt معنادار بدهید.

### در Shopify
1. لینک‌هایی را که نام ندارند پیدا کنید. بیشتر آن‌ها آیکون یا تصویری داخل یک تگ ⁨<a>⁩ هستند.
2. یک متن پنهان از دید (visually hidden) داخل لینک اضافه کنید، یا یک aria-label مانند ⁨aria-label="Instagram"⁩ یا ⁨aria-label="Cart"⁩.
3. اگر لینک یک تصویر را در بر گرفته است، به‌جای آن به تصویر یک متن alt معنادار بدهید.

### در WooCommerce و WordPress
1. لینک‌هایی را که نام ندارند پیدا کنید. بیشتر آن‌ها آیکون یا تصویری داخل یک تگ ⁨<a>⁩ هستند.
2. یک متن پنهان از دید (visually hidden) داخل لینک اضافه کنید، یا یک aria-label مانند ⁨aria-label="Instagram"⁩ یا ⁨aria-label="Cart"⁩.
3. اگر لینک یک تصویر را در بر گرفته است، به‌جای آن به تصویر یک متن alt معنادار بدهید.

## نحوه بررسی اصلاح
- دوباره اسکن کنید و مطمئن شوید ⁨link-name⁩ برطرف شده است.
- در حالی که صفحه‌خوان روشن است، با Tab به هر لینک بروید و به نام آن گوش دهید.

## منابع
- مستندات قاعده axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/link-name
- توضیح معیار WCAG 2.4.4 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
- توضیح معیار WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value