💡


האם ידעתם: אם אי אפשר להשתמש באתר רק עם מקלדת – הוא לא באמת נגיש. נסו בעצמכם: לחצו Tab וראו לאן אתם מגיעים.

לא מותרות, אלא חובה בסיסית

תמיכה במקלדת לשם ניווט, הפעלת פונקציות, והעברת מידע באתר – נשמעת כמו דבר מובן מאליו, נכון?
אבל בפועל, בעולמות הדיגיטל – ובמיוחד באתרי אינטרנטזו אחת מנקודות הכשל הנפוצות ביותר.

למה זה כל כך חשוב?

לא כל משתמש מחזיק בעכבר.
ולא כל משתמש יכול – או רוצה – להשתמש בו.
אנשים עם מוגבלות מוטורית, ראייה ירודה, פגיעות זמניות בידיים, ואפילו משתמשים מתקדמים שמעדיפים מקלדת – כולם מסתמכים על ניווט מקשים בלבד כדי לגלוש ולהשתמש בשירותים דיגיטליים.

וכשאתר לא תומך בזה?

  • לא ניתן לגשת לכל הכפתורים.
  • לא ניתן להפעיל תפריטים.
  • טפסים נעצרים באמצע.
  • חוויית המשתמש – נקטעת לחלוטין.

זו לא בעיה של משתמשים – זו בעיה של מתכננים

במקרים רבים, הממשק נראה תקין – אבל לא ניתן להגיע אליו בלחיצת טאב.
פונקציות קריטיות מוסתרות מאחורי hover, JavaScript לא תקני או אלמנטים שלא תוכננו להתממשק עם מקלדת.
האתר אולי יפה – אבל בלתי שמיש.

הפתרון פשוט, אבל דורש מודעות:

  • ודאו שכל פעולה באתר ניתנת לביצוע גם באמצעות מקלדת בלבד.
  • בדקו את הסדר ההיגיוני של הניווט בטאב (Tab Order).
  • ודאו שיש פוקוס חזותי ברור – שהמשתמש רואה איפה הוא נמצא.
  • אל תשתמשו באירועים שמתעלמים ממקלדת (onmouseover במקום onfocus, למשל).

כי נגישות – זה קודם כול גישה

גישה למידע. גישה לשירות. גישה לתוכן.
והגישה הזו מתחילה ביכולת פשוטהלעבור בין חלקי הממשק בעזרת מקלדת.

 


FAQ



לחץ על מקש Tab ותראה אם ניתן לעבור בין כל האלמנטים (כפתורים, קישורים, שדות). בדוק אם יש פוקוס ברור ופעולה תקינה ב־Enter או Space.

משתמשים שגולשים באמצעות מקלדת צריכים לראות איפה הם נמצאים בממשק בכל רגע – אחרת, הניווט הופך לאינטואיטיבי.

Tab Order הוא סדר המעבר בין אלמנטים בלחיצת Tab. אם הוא לא הגיוני (למשל קופץ מראש הדף לתחתית), חוויית המשתמש נפגעת.

שימוש ב־div במקום button, אלמנטים ללא tabindex, פעולות שמופעלות רק ב־hover ולא ב־focus, או JavaScript שמתעלם מהקשה במקלדת.

משתמשים ב־HTML תקני, בודקים כל רכיב עם מקלדת בלבד, מוסיפים :focus בעיצוב, ודואגים שסדר הלחיצה יהיה לוגי ומדויק.

עודכן בתאריך: