מקש אחד שמשנה הכל בחוויית הגלישה של מאות אלפי אנשים הוא מקש ה-Tab. לחיצה קצרה עליו מאפשרת לכל בעל אתר לגלות בתוך עשר שניות האם גולשים שאינם משתמשים בעכבר מסוגלים לנווט באתר, להגיע למידע חיוני ולרכוש מוצרים בצורה עצמאית ומכבדת. במדריך הזה תלמדו בדיוק כיצד לבצע את הבדיקה הפשוטה הזו, למה היא קריטית עבור אנשים אמיתיים, ואיך לוודא שהאתר שלכם פותח את הדלת לכולם.
מהי נגישות מקלדת ולמה היא נוגעת לכולנו?
נגישות מקלדת היא היכולת להפעיל את כל רכיבי האתר – קישורים, כפתורים, שדות טופס ותפריטים – אך ורק באמצעות מקלדת רגילה, ללא כל צורך בעכבר או במסך מגע.
רבים מניחים שכולם גולשים באינטרנט באותה צורה: יד על העכבר, גלילה מהירה ולחיצה על כפתור צבעוני. בפועל, המציאות מגוונת הרבה יותר. אנשים עם מוגבלות ראייה הנעזרים בתוכנת קורא מסך מסתמכים לחלוטין על פקודות מקלדת כדי שהתוכנה תקריא להם את רכיבי העמוד. אנשים המתמודדים עם מגבלות מוטוריות, כמו רעד בידיים, פרקינסון או שיתוק מוחין, מתקשים לדייק את תנועת הסמן של העכבר ומשתמשים במקלדת מותאמת או במקלדת סטנדרטית.
אבל זה לא נעצר שם. נגישות מקלדת נוגעת גם לאדם ששבר את פרק היד הדומיננטית ונאלץ לעבוד רק ביד שמאל, להורה שמחזיק תינוק ביד אחת וגולש בלפטופ, או למי שעובד על מחשב נייד ברכבת כשהמשטח של העכבר פשוט לא מגיב. כפי שמציינים המומחים ביוזמת נגישות הרשת של ה-W3C, במדריך המקיף של WebAIM על נגישות מקלדת, תפעול מלא ממקלדת הוא אבן הבניין הבסיסית ביותר של רשת שוויונית. כשאתר לא מאפשר ניווט במקלדת, הוא פשוט נועל את הדלת בפני אנשים אמיתיים שרוצים לקרוא את התוכן שלכם או לקנות אצלכם.
הבדיקה של עשר השניות: כך תעשו זאת בעצמכם
אינכם צריכים ידע טכני, כלי פיתוח מסובכים או שורות קוד כדי לבדוק את האתר שלכם. כל מה שנדרש הוא דפדפן ומקלדת.
כדי להבין את התמונה המלאה של מה שאנו בוחנים בבדיקות מקיפות, תוכלו לקרוא על מה אנחנו בודקים באתרים, אך את הבדיקה הראשונית תוכלו לערוך ממש עכשיו לפי השלבים הבאים:
- סגרו את היד על העכבר: הניחו את העכבר בצד או אל תיגעו במשטח המגע.
- פתחו את האתר שלכם: היכנסו לעמוד הבית או לעמוד מוצר מרכזי ורעננו את הדף.
- התחילו ללחוץ על מקש ה-Tab: לחצו על Tab פעם אחת, ועוד פעם, ועוד פעם.
- שימו לב למסגרת הפוקוס: ודאו שאתם רואים בבירור סימון ויזואלי (בדרך כלל מסגרת בולטת או שינוי צבע) על האלמנט שנמצא כרגע בבחירה.
- בדקו הפעלה באמצעות Enter: כשאתם מגיעים לקישור או לכפתור, לחצו על מקש ה-Enter כדי לוודא שהוא אכן מופעל.
- נווטו אחורה עם Shift + Tab: לחיצה משולבת זו אמורה להחזיר אתכם צעד אחד אחורה בסדר הניווט.
אם עברתם בין הקישורים, ראיתם היכן אתם נמצאים בכל רגע והצלחתם להפעיל תפריט או כפתור – האתר שלכם עבר את המשוכה הראשונה.
שלושה תמרורי אזהרה שחשוב להכיר כשבודקים מקש אחד שמשנה הכל
כשבעלי עסקים מבצעים את הבדיקה הזו בפעם הראשונה, הם מגלים לעיתים קרובות אתגרים שמונעים מאנשים להשלים פעולות פשוטות. אלו שלוש הבעיות הנפוצות ביותר שכדאי לחפש:
1. היעלמות סמן הפוקוס (Focus Indicator)
זוהי התקלה הנפוצה ביותר ברשת. מעצבים רבים מבטלים את מסגרת הפוקוס המובנית של הדפדפן באמצעות פקודת קוד (כגון הסרת ה-outline) כי היא "מפריעה לעיצוב הנקי". עבור אדם שגולש ללא עכבר, היעדר סמן פוקוס משול לניסיון לנהוג בחושך מוחלט בלי פנסים: לוחצים על Tab, אך אין שום מושג איפה נמצאים בעמוד. הנחיות הנגישות הבינלאומיות של ה-W3C במסמך הנחיות הנגישות לתוכן אינטרנט WCAG 2.1 מדגישות כי סמן פוקוס ברור ובעל ניגודיות מספקת הוא תנאי סף לקיום אתר נגיש.
2. מלכודת מקלדת (Keyboard Trap)
מצב שבו לוחצים על מקש ה-Tab, מגיעים לאלמנט מסוים – למשל חלונית קופצת (פופ-אפ), טופס הרשמה או תפריט נפתח – ומשם לא מצליחים להמשיך הלאה או לחזור אחורה. הגולש פשוט "נלכד" בתוך הרכיב ללא דרך לצאת מבלי לרענן את העמוד כולו, דבר שמוביל לתסכול רב ולנטישת האתר.
3. סדר ניווט לא הגיוני
קריאה תקינה של דף מתבצעת מימין לשמאל ומלמעלה למטה. לעיתים, בשל מבנה טכני שגוי של העמוד, לחיצה על מקש ה-Tab קופצת מהתפריט הראשי ישר לפוטר התחתון, משם חוזרת לאמצע הטקסט ואז קופצת לטופס. גלישה כזו מבלבלת מאוד ומקשה על הבנת הקשר בין חלקי המידע באתר.
למה נגישות מקלדת טובה לכל עסק?
מעבר לעובדה המרכזית שנגישות היא ביטוי של כבוד הדדי ורצון לשרת כל אדם, מדובר בהחלטה עסקית נבונה שמחזקת את הפעילות הדיגיטלית שלכם בכמה מישורים:
- הגדלת מעגל הלקוחות: כ-20% מהאוכלוסייה מתמודדים עם מוגבלות קבועה או זמנית. כשהאתר מאפשר להם לקנות, להזמין תור או לקרוא מאמרים בנוחות, העסק שלכם מרוויח לקוחות נאמנים.
- שיפור חוויית המשתמש הכוללת: אתר שמתוכנן היטב עבור מקלדת הוא בדרך כלל אתר מסודר, ברור ומהיר יותר גם עבור משתמשי עכבר וסמארטפון.
- תאימות למנועי חיפוש: מבנה עמוד היררכי ונקי, שמאפשר למקלדת לנווט בו בצורה מסודרת, מסייע גם לזחלנים של גוגל להבין את היררכיית התוכן בצורה יעילה יותר.
- עמידה בהוראות החוק: על פי תקנות שוויון זכויות לאנשים עם מוגבלות בישראל, אתרים המעניקים שירות לציבור מחויבים ברמת נגישות AA, הכוללת תפעול מלא ממקלדת. חשוב לפרסם באתר גם הצהרת נגישות מעודכנת המפרטת את הסדרי הנגישות הקיימים.
תוכלו לקרוא עוד מאמרים מקצועיים והסברים על עולם הנגישות בתוך הבלוג שלנו, שמרכז ידע מעשי עבור בעלי עסקים.
איך מתקנים בעיות שהתגלו בבדיקה?
אם ביצעתם את בדיקת עשר השניות וגיליתם שחלק מהאלמנטים אינם מגיבים למקלדת, או שסמן הפוקוס אינו נראה, אל דאגה – לכל בעיה כזו קיים פתרון טכני ברור. לעיתים מדובר בתיקון פשוט של סגנון ה-CSS להחזרת מסגרת הפוקוס, ובמקרים אחרים נדרשת התאמה של מבנה ה-HTML של תפריטים וכפתורים שנבנו מרכיבים שאינם לחיצים במקור.
אנחנו בצוות Accessibility מאמינים שאינטרנט שייך לכולם. אנו מלווים עסקים, חנויות אונליין וארגונים בהפיכת האתרים שלהם למרחב דיגיטלי פתוח, מזמין ומכיל. אנו מזמינים אתכם לפנות אלינו כדי לבדוק יחד את האתר שלכם, לזהות נקודות לשיפור ולוודא שכל לקוח יוכל להשתמש בשירותים שלכם בקלות. לפרטים על תהליכי הליווי שלנו אתם מוזמנים לעיין בעמוד מחירים או ליצור איתנו קשר ישיר דרך דף הבית.
שאלות נפוצות
מהו מקש ה-Tab ואיך הוא מסייע לגלישה נגישה באתר?
מקש ה-Tab במקלדת מעביר את המיקוד בין אלמנטים אינטראקטיביים בעמוד אינטרנט, כמו קישורים, כפתורים ושדות טקסט. עבור אנשים שאינם משתמשים בעכבר עקב מוגבלות ראייה או מוגבלות מוטורית, המקש מהווה את הכלי העיקרי לניווט עצמאי בכל חלקי האתר.
למה חשוב להציג מסגרת פוקוס ברורה סביב כפתורים וקישורים?
מסגרת פוקוס משמשת כסמן המיקום החזותי של הגולש בעמוד. כאשר גולש עובר עם מקלדת בין אלמנטים ללא עכבר, מסגרת הפוקוס היא האינדיקציה היחידה שמראה לו איזה כפתור או קישור ייבחרו בלחיצה על Enter, ובלעדיה הניווט הופך לבלתי אפשרי.
האם תוסף נגישות אוטומטי פותר לחלוטין את בעיות המקלדת באתר?
תוספי נגישות אוטומטיים עשויים לסייע בהדגשת פוקוס בסיסית, אך לעיתים קרובות אינם מתקנים כשלים במבנה הקוד, תפריטים מורכבים או מלכודות מקלדת בחלונות קופצים. בדיקה אנושית של רכיבי האתר היא הדרך הבטוחה להבטיח ניווט חלק ומלא.