WCAG 2.4.4, 4.1.2 · المستوى ⁨A⁩

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

بعض الروابط لا تحتوي على نص يمكن لقارئ الشاشة إعلانه، وغالبًا ما تكون روابط مكوّنة من أيقونة فقط، مثل أيقونات الشبكات الاجتماعية أو أيقونة السلة.

ما الذي تفحصه هذه القاعدة

يتحقق من أن للروابط نصًا واضحًا.

لماذا يهم ذلك

يتطلب المعياران WCAG 2.4.4 و4.1.2 أن يكون للروابط اسم قابل للوصول يصف الغرض منها.

كيف تصلحها

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

كيف تتحقق من الإصلاح

  • أعد الفحص وتأكد من اختفاء القاعدة ⁨link-name⁩.
  • انتقل بمفتاح Tab إلى كل رابط وقارئ الشاشة يعمل، واستمع إلى الاسم.

كيف يكتشفها FixReports

يشغّل فحصنا قاعدة axe-core ⁨link-name⁩ في متصفح Chrome حقيقي على كل صفحة يختبرها، ويبلّغ عن كل عنصر لا يجتازها مع صفحته وترميزه، ومع لقطة شاشة حيثما ينطبق ذلك.

يؤكد الاختبار الآلي وجود هذه المشكلة بعينها، لكنه لا يستطيع أن يحكم على إمكانية الوصول في بقية الصفحة: فبعض العوائق لا تظهر إلا عندما يفحص شخصٌ الصفحة بنفسه.

افحص موقعك اليوم

اكتشف المشكلة. أصلحها. تحقّق من إصلاحها.

ما نوع هذا الموقع؟

تحدد إجابتك الفحوص المناسبة، مثل مسار التسوق للمتاجر الإلكترونية. ونظل نتحقق من أدلة الموقع نفسه ونعرض الاثنين معًا.

ما نوع هذا الموقع؟

فحص مجاني. لا حاجة إلى بطاقة ائتمان.