אם האתר עובד רק עם עכבר, קבוצה גדולה של מבקרים לא יכולה להשלים פעולות בסיסיות. ניווט במקלדת הוא אחת הבדיקות הראשונות בביקורת נגישות, וגם אחת הכשלונות הנפוצות באתרי עסקים קטנים.
למה גישה במקלדת היא חובה
WCAG 2.0 ברמת AA, ולכן גם תקן ישראלי 5568, דורשים שפונקציונליות תהיה ניתנת להפעלה דרך ממשק מקלדת. זה כולל תפריטים, טפסים, כפתורים, קרוסלות, דיאלוגים ושלבים בקופה.
בדיקת עשן של חמש דקות
- לחצו בשורת הכתובת ואז על Tab שוב ושוב.
- ודאו שמגיעים לתפריט הראשי, לחיפוש, לטפסים ולכפתורים המרכזיים.
- ודאו שיש טבעת פוקוס ברורה שזזה איתכם.
- פתחו תפריט או מודאל ובדקו ש-Escape סוגר ושהפוקוס חוזר בצורה הגיונית.
- ודאו שהפוקוס לא נלכד בלי יציאה.
כשלונות נפוצים
- כפתורים מותאמים כ-
<div>בלי תמיכת מקלדת - תפריטים שנפתחים רק בריחוף
- קרוסלות בלי שליטה במקלדת
- CSS שמסיר
outlineבאופן גלובלי - באנר עוגיות או צ׳אט שגונבים פוקוס לנצח
מה עושים הלאה
התחילו בעמודי ההמרה: בית, יצירת קשר, הזמנה ותשלום. תקנו קודם סגנונות פוקוס וכפתורים או קישורים אמיתיים. אחר כך חזרו על מסלול המקלדת אחרי עדכוני תבנית או תוסף.