WCAG 4.1.2 · سطح ⁨A⁩

دکمه‌ها باید متن قابل تشخیص داشته باشند

برخی دکمه‌ها نام دسترس‌پذیر ندارند، بنابراین کاربران صفحه‌خوان فقط کلمه «button» (دکمه) را می‌شنوند.

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

بررسی می‌کند که دکمه‌ها متن قابل تشخیص داشته باشند.

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

WCAG 4.1.2 الزامی می‌کند که هر کنترل یک نام داشته باشد. دکمه‌های بدون نام اغلب شامل دکمه‌های کم و زیاد کردن تعداد، دکمه‌های بستن و فلش‌های اسلایدر هستند.

نحوه رفع

  1. دکمه‌هایی را که نام ندارند پیدا کنید؛ معمولاً دکمه‌هایی که فقط یک آیکون نشان می‌دهند.
  2. متن قابل مشاهده، متن پنهان از دید یا یک aria-label اضافه کنید که بگوید دکمه چه کاری انجام می‌دهد (برای مثال ⁨aria-label="Close"⁩ یا ⁨aria-label="Increase quantity"⁩).

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

  • صفحات تحت تأثیر را دوباره اسکن کنید.
  • دکمه‌ها را با یک صفحه‌خوان بررسی کنید.

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

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

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

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

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

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

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

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

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