ما الذي تفحصه هذه القاعدة
يتحقق من أن للروابط نصًا واضحًا.
لماذا يهم ذلك
يتطلب المعياران WCAG 2.4.4 و4.1.2 أن يكون للروابط اسم قابل للوصول يصف الغرض منها.
كيف تصلحها
- حدّد الروابط التي لا تحمل اسمًا. معظمها أيقونات أو صور داخل وسم <a>.
- أضف نصًا مخفيًا بصريًا داخل الرابط، أو سمة aria-label مثل aria-label="Instagram" أو aria-label="Cart".
- إذا كان الرابط يحيط بصورة، فامنح الصورة نصًا بديلًا ذا معنى بدلًا من ذلك.
كيف تتحقق من الإصلاح
- أعد الفحص وتأكد من اختفاء القاعدة link-name.
- انتقل بمفتاح Tab إلى كل رابط وقارئ الشاشة يعمل، واستمع إلى الاسم.
كيف يكتشفها FixReports
يشغّل فحصنا قاعدة axe-core link-name في متصفح Chrome حقيقي على كل صفحة يختبرها، ويبلّغ عن كل عنصر لا يجتازها مع صفحته وترميزه، ومع لقطة شاشة حيثما ينطبق ذلك.
يؤكد الاختبار الآلي وجود هذه المشكلة بعينها، لكنه لا يستطيع أن يحكم على إمكانية الوصول في بقية الصفحة: فبعض العوائق لا تظهر إلا عندما يفحص شخصٌ الصفحة بنفسه.