# אסור שאלמנט סמוי של ARIA יכיל אלמנטים בני מיקוד

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

WCAG ⁨4.1.2 Name, Role, Value⁩ · רמה ⁨A⁩

רכיבים שאפשר להעביר אליהם מיקוד מוסתרים מקוראי מסך, אבל עדיין אפשר להגיע אליהם במקלדת.

## מה הכלל הזה בודק
מוודא שאלמנטים של aria-hidden לא מכילים אלמנטים בני מיקוד.

## למה זה חשוב
משתמשי מקלדת מגיעים לרכיבים שקוראי מסך לא מקריאים (WCAG 4.1.2).

## איך לתקן
### בכל אתר
1. מסירים את aria-hidden ממכלים שמכילים רכיבים שאפשר להעביר אליהם מיקוד, או מוסיפים ⁨tabindex="-1"⁩ ואת המאפיין ⁨inert⁩ לתפריטים צדדיים (off-canvas) ולשקופיות מוסתרים.

### ב-Shopify
1. מסירים את aria-hidden ממכלים שמכילים רכיבים שאפשר להעביר אליהם מיקוד, או מוסיפים ⁨tabindex="-1"⁩ ואת המאפיין ⁨inert⁩ לתפריטים צדדיים (off-canvas) ולשקופיות מוסתרים.

### ב-WooCommerce וב-WordPress
1. מסירים את aria-hidden ממכלים שמכילים רכיבים שאפשר להעביר אליהם מיקוד, או מוסיפים ⁨tabindex="-1"⁩ ואת המאפיין ⁨inert⁩ לתפריטים צדדיים (off-canvas) ולשקופיות מוסתרים.

## איך לבדוק את התיקון
- עוברים על העמוד עם 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