WCAG 4.1.2 · سطح ⁨A⁩

عنصر پنهان‌شده با ARIA نباید فوکوس‌پذیر باشد یا عنصر فوکوس‌پذیری در خود داشته باشد

عناصر فوکوس‌پذیر از دید صفحه‌خوان‌ها پنهان شده‌اند، اما همچنان با صفحه‌کلید قابل دسترسی هستند.

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

بررسی می‌کند که عناصر دارای aria-hidden فوکوس‌پذیر نباشند و عنصر فوکوس‌پذیری هم در خود نداشته باشند.

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

کاربران صفحه‌کلید روی عناصری قرار می‌گیرند که صفحه‌خوان‌ها اعلامشان نمی‌کنند (WCAG 4.1.2).

نحوه رفع

  1. aria-hidden را از کانتینرهایی که عناصر فوکوس‌پذیر دارند حذف کنید، یا به منوهای کشویی کناری (off-canvas) و اسلایدهای پنهان ⁨tabindex="-1"⁩ و ویژگی ⁨inert⁩ را اضافه کنید.

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

  • در حالی که صفحه‌خوان روشن است، با Tab در صفحه حرکت کنید.

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

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

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

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

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

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

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

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

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