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

يجب أن يكون لأزرار الصور نص بديل

يوجد زر صورة بلا نص بديل، فلا تستطيع قارئات الشاشة ذكر وظيفته.

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

يتحقق من أن لعناصر <input type="image"> نصًا بديلًا.

لماذا يهم ذلك

يتطلب المعياران WCAG 1.1.1 و4.1.2 أن يكون لأزرار الصور بديل نصي.

كيف تصلحها

  1. أضف نصًا بديلًا يصف الإجراء، مثل ⁨alt="Search"⁩.

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

  • أعد فحص الصفحات المتأثرة.

كيف يكتشفها FixReports

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

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

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

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

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

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

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

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