נגישות מקלדת
בקצרה
נגישות מקלדת היא אבן יסוד: כל פעולה באתר - קישור, כפתור, שדה, תפריט - חייבת להיות אפשרית באמצעות מקלדת בלבד (Tab, Shift+Tab, Enter, רווח, חצים). נדרשים גם סדר טאב הגיוני, פוקוס נראה, היעדר מלכודות פוקוס, וskip-link לדילוג לתוכן. זו דרישה ברמה A (קריטריון 2.1.1).
למה זה קריטי?
משתמשים עיוורים (עם קורא מסך) ובעלי מוגבלות מוטורית רבים אינם משתמשים בעכבר. אם אי-אפשר להפעיל רכיב במקלדת - הוא חסום לחלוטין עבורם.
סדר טאב הגיוני
לחיצות Tab צריכות לעבור בין הרכיבים בסדר שתואם את הסדר הוויזואלי וההגיוני. הימנעו משימוש ב-tabindex חיובי שמשבש את הסדר הטבעי.
פוקוס נראה
הרכיב שבפוקוס חייב להיות מסומן ויזואלית (מסגרת/הדגשה). אסור להסיר את מסגרת הפוקוס (outline:none) בלי חלופה נראית. זו דרישה ברמה AA (2.4.7).
מלכודת פוקוס
"מלכודת פוקוס" היא מצב שבו המשתמש נכנס לרכיב (למשל חלונית) ולא יכול לצאת ממנו במקלדת. יש לוודא שאפשר תמיד להמשיך הלאה או לצאת (למשל ב-Esc).
skip-link
קישור "דלג לתוכן המרכזי" בראש העמוד מאפשר לדלג על התפריט החוזר. הוא מוסתר עד שמקבל פוקוס.
איך בודקים?
הניחו את העכבר בצד ונווטו באתר רק עם Tab/Enter/חצים. אם הגעתם לכל פעולה, ראיתם תמיד היכן הפוקוס, ולא נתקעתם - אתם בכיוון הנכון.
שאלות נפוצות
מה הקריטריון על מקלדת?
2.1.1 'נגיש במקלדת' (רמה A), ו-2.4.7 'פוקוס נראה' (רמה AA).
מותר להסיר את מסגרת הפוקוס?
לא, אלא אם מספקים חלופה נראית ברורה.
מה זה skip-link?
קישור שמאפשר לדלג על הניווט החוזר ישירות לתוכן.
מקורות
- W3C - Keyboard Accessibility (w3.org/WAI)