# يجب ألا يكون عنصر ARIA المخفي قابلًا للتركيز أو أن يحتوي على عناصر قابلة للتركيز

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

WCAG ⁨4.1.2 Name, Role, Value⁩ · المستوى ⁨A⁩

توجد عناصر قابلة للتركيز مخفية عن قارئات الشاشة، لكن لا يزال من الممكن الوصول إليها بلوحة المفاتيح.

## ما الذي تفحصه هذه القاعدة
يتحقق من أن العناصر التي تحمل aria-hidden ليست قابلة للتركيز ولا تحتوي على عناصر قابلة للتركيز.

## لماذا يهم ذلك
يصل مستخدمو لوحة المفاتيح إلى عناصر لا تعلنها قارئات الشاشة (WCAG 4.1.2).

## كيف تصلحها
### في أي موقع
1. أزل aria-hidden من الحاويات التي تضم عناصر قابلة للتركيز، أو أضف ⁨tabindex="-1"⁩ والسمة ⁨inert⁩ إلى القوائم الجانبية والشرائح المخفية.

### في Shopify
1. أزل aria-hidden من الحاويات التي تضم عناصر قابلة للتركيز، أو أضف ⁨tabindex="-1"⁩ والسمة ⁨inert⁩ إلى القوائم الجانبية والشرائح المخفية.

### في WooCommerce وWordPress
1. أزل aria-hidden من الحاويات التي تضم عناصر قابلة للتركيز، أو أضف ⁨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