# يجب أن يكون للروابط نص واضح

<https://www.fixreports.com/ar/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. أضف نصًا مخفيًا بصريًا داخل الرابط، أو سمة aria-label مثل ⁨aria-label="Instagram"⁩ أو ⁨aria-label="Cart"⁩.
3. إذا كان الرابط يحيط بصورة، فامنح الصورة نصًا بديلًا ذا معنى بدلًا من ذلك.

### في Shopify
1. حدّد الروابط التي لا تحمل اسمًا. معظمها أيقونات أو صور داخل وسم ⁨<a>⁩.
2. أضف نصًا مخفيًا بصريًا داخل الرابط، أو سمة aria-label مثل ⁨aria-label="Instagram"⁩ أو ⁨aria-label="Cart"⁩.
3. إذا كان الرابط يحيط بصورة، فامنح الصورة نصًا بديلًا ذا معنى بدلًا من ذلك.

### في WooCommerce وWordPress
1. حدّد الروابط التي لا تحمل اسمًا. معظمها أيقونات أو صور داخل وسم ⁨<a>⁩.
2. أضف نصًا مخفيًا بصريًا داخل الرابط، أو سمة aria-label مثل ⁨aria-label="Instagram"⁩ أو ⁨aria-label="Cart"⁩.
3. إذا كان الرابط يحيط بصورة، فامنح الصورة نصًا بديلًا ذا معنى بدلًا من ذلك.

## كيف تتحقق من الإصلاح
- أعد الفحص وتأكد من اختفاء القاعدة ⁨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