קריטריון 2.1.1: מקלדת רמה A
בקצרה
קריטריון 2.1.1 מקלדת (Keyboard, רמה A) דורש שכל הפונקציונליות של הדף תהיה נגישה דרך מקלדת בלבד, ללא תלות בעכבר או מצביע אחר. החריג היחיד הוא פונקציונליות התלויה בנתיב ספציפי (כמו ציור חופשי). זהו קריטריון מחייב לפי ת"י 5568.
פרטי הקריטריון
| מספר | 2.1.1 |
|---|---|
| שם | מקלדת (Keyboard) |
| רמה | A |
| גרסה | WCAG 2.0 |
| עיקרון | 2 - ניתן לתפעול (Operable) |
| הנחיה | 2.1 - נגישות מקלדת |
| מחייב לפי ת"י 5568 | כן |
מה דורש קריטריון 2.1.1?
הקריטריון דורש שכל פונקציונליות הזמינה בממשק תהיה ניתנת להפעלה דרך מקלדת בלבד - ללא צורך בעכבר, משטח מגע או מצביע אחר. הדרישה מכסה כל פעולה שהמשתמש יכול לבצע בדף: הפעלת כפתורים, מילוי טפסים, פתיחת תפריטים, גרירה ושחרור (כשאפשר ביישום) ועוד. החריג היחיד הוא פעולות שמטבען דורשות נתיב תנועה ספציפי - לדוגמה, ציור חופשי ביד - שם קשה להגדיר חלופת מקלדת מקבילה. לפונקציות כאלה, מומלץ לספק חלופה נפרדת אם אפשר.
- ניווט בפוקוס - כל רכיב אינטראקטיבי חייב להיות ניתן לגישה עם Tab ו-Shift+Tab.
- הפעלת פקדים - כפתורים מופעלים ב-Enter או Space; קישורים ב-Enter.
- תפריטים ורכיבים מורכבים - ניווט עם מקשי חצים בהתאם לתבניות ARIA.
- דיאלוגים וחלונות קופצים - חייב להיות ניתן לפתיחה, שימוש וסגירה (Escape) דרך מקלדת.
- גרירה ושחרור (Drag and Drop) - יש לספק חלופת מקלדת לביצוע אותה פעולה.
למי זה עוזר?
הקריטריון חיוני עבור מגוון קבוצות משתמשים:
- משתמשים עם לקויות מוטוריות - הנעזרים במקלדת, מתגים, תוכנות בקרת פה או עיניים במקום עכבר.
- עיוורים ומשתמשי קוראי מסך - שמנווטים בדף בעיקר דרך Tab ומקשי חצים.
- משתמשים מתקדמים - המעדיפים ניווט מהיר דרך מקלדת על פני שימוש בעכבר.
- משתמשי מכשירי טלוויזיה חכמה ועיבוד קולי - שמשתמשים במקשי ניווט ולא בעכבר.
איך עומדים בקריטריון?
- השתמשו ברכיבי HTML סמנטיים מובנים (
<button>,<a>,<input>) שמגיעים עם נגישות מקלדת מובנית. - אם יוצרים רכיבים מותאמים (custom widgets) עם
divאוspan- הוסיפוtabindex="0"ומאזיני אירוע מקלדת. - יישמו תבניות ניווט ARIA (Combobox, Menu, Tabs וכו') בהתאם למפרטי APG של W3C.
- לפונקציות גרירה ושחרור - ספקו כפתורים או תפריט הקשר חלופיים לאותה פעולה.
- וודאו שמדיניות CSS של
pointer-events: noneאינה מונעת גישת מקלדת. - בדקו שסקריפטים להזנת עכבר (mouseover, mouseenter) מלווים גם בגרסאות מקלדת (focus, keydown).
טיפ
עצרו את העכבר לחלוטין ונסו לבצע כל פעולה באתר דרך Tab, Enter, Space ומקשי חצים בלבד. כל פעולה שנתקעים בה - היא מועמדת לתיקון.
איך בודקים?
- בדיקה ידנית: נתקו את העכבר ונסו לבצע את כל הפעולות בדף דרך מקלדת - כפתורים, טפסים, תפריטים, דיאלוגים.
- בדקו שסדר הפוקוס (Tab order) הגיוני ועוקב את הסדר הויזואלי של הרכיבים.
- קורא מסך (NVDA / VoiceOver): נווטו בדף ובדקו שכל האינטראקציות עובדות.
- כלים אוטומטיים (axe, WAVE) יכולים לזהות רכיבים בלתי ניתנים לפוקוס, אך לא ידעו לזהות אם פונקציונליות נגישה רק דרך עכבר - נדרשת בדיקה ידנית.
שאלות נפוצות
מה דורש קריטריון 2.1.1?
שכל הפונקציונליות של הדף תהיה נגישה דרך מקלדת בלבד, כך שמשתמשים שאינם יכולים להשתמש בעכבר יוכלו להפעיל את כל הפקדים, הקישורים והתפריטים.
מהי רמת הקריטריון 2.1.1?
רמה A - הרמה הבסיסית. הקריטריון נכלל ב-WCAG 2.0 ולכן מחייב לפי ת"י 5568.
האם אפשר להשתמש בתנועת עכבר (drag) ייחודית שאין לה חלופת מקלדת?
לא - אם הפעולה מחייבת נתיב ספציפי (כמו ציור חופשי), מותר להוציאה מהכלל. אך כל פונקציונליות שניתן לבצע ללא נתיב ספציפי חייבת להיות זמינה גם דרך מקלדת בלבד.
מקורות
- W3C - Understanding SC 2.1.1 Keyboard (w3.org/WAI)
- W3C - How to Meet WCAG (Quick Reference) (w3.org/WAI/quickref)
צריכים לעמוד בקריטריון הזה באתר שלכם?
ראו את המדריך המעשי להטמעה, או בדקו את האתר מול הצ'ק-ליסט.
לצ'ק-ליסט הנגישות