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

<https://www.fixreports.com/fa/issues/aria-hidden-focus>

WCAG ⁨4.1.2 Name, Role, Value⁩ · سطح ⁨A⁩

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

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

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

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

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

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

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

## منابع
- مستندات قاعده axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- توضیح معیار WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value