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

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

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

لماذا يهم ذلك

يتطلب معيار WCAG 4.1.2 أن يكون لكل عنصر تحكم اسم. ومن الأزرار التي تفتقر غالبًا إلى اسم: أزرار زيادة الكمية وإنقاصها، وأزرار الإغلاق، وأسهم شرائح العرض.

كيف تصلحها

1. حدّد الأزرار التي لا تحمل اسمًا، وهي عادةً أزرار لا تعرض سوى أيقونة.
2. أضف نصًا مرئيًا، أو نصًا مخفيًا بصريًا، أو سمة aria-label تصف وظيفة الزر (مثل ⁨aria-label="Close"⁩ أو ⁨aria-label="Increase quantity"⁩).

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

• أعد فحص الصفحات المتأثرة.
• افحص الأزرار باستخدام قارئ شاشة.

كيف يكتشفها FixReports

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

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