يجب أن يكون لعنصر select اسم قابل للوصول

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

يتحقق من أن لعنصر select اسمًا قابلًا للوصول.

لماذا يهم ذلك

يتطلب معيار WCAG 4.1.2 أن يكون لقوائم الاختيار اسم قابل للوصول.

كيف تصلحها

1. أضف عنصر ⁨<label>⁩ مرتبطًا بقائمة الاختيار، أو سمة aria-label مثل ⁨aria-label="Sort by"⁩.

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

• أعد فحص صفحات المجموعات والمنتجات.

كيف يكتشفها FixReports

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

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