WCAG 4.1.2 · سطح ⁨A⁩

عناصر فرم باید برچسب داشته باشند

برخی فیلدهای فرم برچسب ندارند، بنابراین کاربران صفحه‌خوان نمی‌دانند چه چیزی باید وارد کنند.

این قاعده چه چیزی را بررسی می‌کند

بررسی می‌کند که هر عنصر فرم برچسب داشته باشد.

چرا اهمیت دارد

WCAG 1.3.1، 3.3.2 و 4.1.2 الزامی می‌کنند که فیلدهای فرم برچسب داشته باشند. فیلدهای عضویت در خبرنامه و جست‌وجو از رایج‌ترین موارد هستند.

نحوه رفع

  1. به هر فیلد یک عنصر ⁨<label for="field-id">⁩، یا دست‌کم یک aria-label، بدهید.
  2. متن placeholder به‌تنهایی برچسب محسوب نمی‌شود.

نحوه بررسی اصلاح

  • دوباره اسکن کنید و مطمئن شوید قاعده ⁨label⁩ دیگر رد نمی‌شود.
  • روی هر برچسب کلیک کنید و بررسی کنید که فوکوس به فیلد مربوط به آن منتقل شود.

FixReports چگونه آن را پیدا می‌کند

اسکن ما قاعده ⁨label⁩ از axe-core را در یک مرورگر Chrome واقعی روی هر صفحه‌ای که تست می‌کند اجرا می‌کند و هر عنصر ردشده را همراه با صفحه، کد HTML آن و در صورت امکان یک اسکرین‌شات گزارش می‌دهد.

تست خودکار وجود همین مشکل مشخص را تأیید می‌کند. اما نمی‌تواند بگوید بقیه صفحه دسترس‌پذیر است یا نه: برخی موانع فقط وقتی آشکار می‌شوند که یک انسان صفحه را بررسی کند.

همین امروز وب‌سایت خود را اسکن کنید

پیدا کنید. رفع کنید. تأیید کنید.

این چه نوع وب‌سایتی است؟

پاسخ شما بررسی‌های مناسب را انتخاب می‌کند، مثل مسیر خرید برای فروشگاه‌های آنلاین. با این حال شواهد خود سایت را هم بررسی می‌کنیم و هر دو را نشان می‌دهیم.

این چه نوع وب‌سایتی است؟

اسکن رایگان. بدون نیاز به کارت بانکی.