این قاعده چه چیزی را بررسی میکند
بررسی میکند که هر عنصر فرم برچسب داشته باشد.
چرا اهمیت دارد
WCAG 1.3.1، 3.3.2 و 4.1.2 الزامی میکنند که فیلدهای فرم برچسب داشته باشند. فیلدهای عضویت در خبرنامه و جستوجو از رایجترین موارد هستند.
نحوه رفع
- به هر فیلد یک عنصر <label for="field-id">، یا دستکم یک aria-label، بدهید.
- متن placeholder بهتنهایی برچسب محسوب نمیشود.
نحوه بررسی اصلاح
- دوباره اسکن کنید و مطمئن شوید قاعده label دیگر رد نمیشود.
- روی هر برچسب کلیک کنید و بررسی کنید که فوکوس به فیلد مربوط به آن منتقل شود.
FixReports چگونه آن را پیدا میکند
اسکن ما قاعده label از axe-core را در یک مرورگر Chrome واقعی روی هر صفحهای که تست میکند اجرا میکند و هر عنصر ردشده را همراه با صفحه، کد HTML آن و در صورت امکان یک اسکرینشات گزارش میدهد.
تست خودکار وجود همین مشکل مشخص را تأیید میکند. اما نمیتواند بگوید بقیه صفحه دسترسپذیر است یا نه: برخی موانع فقط وقتی آشکار میشوند که یک انسان صفحه را بررسی کند.