# אזורי גלילה מוכרחים להיות עם נגישות של מקלדת

<https://www.fixreports.com/he/issues/scrollable-region-focusable>

WCAG ⁨2.1.1 Keyboard⁩ · רמה ⁨A⁩

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

## מה הכלל הזה בודק
מוודא שאלמנטים שיש להם תוכן בר גלילה נגישים על ידי מקלדת.

## למה זה חשוב
WCAG 2.1.1 דורש שהכול יעבוד עם מקלדת.

## איך לתקן
### בכל אתר
1. הופכים את מכל הגלילה לרכיב שאפשר להעביר אליו מיקוד בעזרת ⁨tabindex="0"⁩ ונותנים לו שם, או מוודאים שיש בתוכו רכיב שאפשר להעביר אליו מיקוד.

### ב-Shopify
1. הופכים את מכל הגלילה לרכיב שאפשר להעביר אליו מיקוד בעזרת ⁨tabindex="0"⁩ ונותנים לו שם, או מוודאים שיש בתוכו רכיב שאפשר להעביר אליו מיקוד.

### ב-WooCommerce וב-WordPress
1. הופכים את מכל הגלילה לרכיב שאפשר להעביר אליו מיקוד בעזרת ⁨tabindex="0"⁩ ונותנים לו שם, או מוודאים שיש בתוכו רכיב שאפשר להעביר אליו מיקוד.

## איך לבדוק את התיקון
- מגיעים לאזור עם Tab וגוללים אותו בעזרת מקשי החיצים.

## מקורות
- תיעוד הכלל ב-axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- הבנת WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard