این قاعده چه چیزی را بررسی میکند
بررسی میکند که دکمهها متن قابل تشخیص داشته باشند.
چرا اهمیت دارد
WCAG 4.1.2 الزامی میکند که هر کنترل یک نام داشته باشد. دکمههای بدون نام اغلب شامل دکمههای کم و زیاد کردن تعداد، دکمههای بستن و فلشهای اسلایدر هستند.
نحوه رفع
- دکمههایی را که نام ندارند پیدا کنید؛ معمولاً دکمههایی که فقط یک آیکون نشان میدهند.
- متن قابل مشاهده، متن پنهان از دید یا یک aria-label اضافه کنید که بگوید دکمه چه کاری انجام میدهد (برای مثال aria-label="Close" یا aria-label="Increase quantity").
نحوه بررسی اصلاح
- صفحات تحت تأثیر را دوباره اسکن کنید.
- دکمهها را با یک صفحهخوان بررسی کنید.
FixReports چگونه آن را پیدا میکند
اسکن ما قاعده button-name از axe-core را در یک مرورگر Chrome واقعی روی هر صفحهای که تست میکند اجرا میکند و هر عنصر ردشده را همراه با صفحه، کد HTML آن و در صورت امکان یک اسکرینشات گزارش میدهد.
تست خودکار وجود همین مشکل مشخص را تأیید میکند. اما نمیتواند بگوید بقیه صفحه دسترسپذیر است یا نه: برخی موانع فقط وقتی آشکار میشوند که یک انسان صفحه را بررسی کند.