ניווט מקלדת שאינו תלוי מכשיר

משתמשי תוכנות קוראות מסך, שהם אנשים עם לקות ראייה מתקדמת ואנשים עם עיוורון מוחלט, עושים שימוש  במקשי קיצור במקלדת ובמחוות מגע ייעודיות בשימוש במכשירי סלולאר עם תוכנות קוראות המסך VoiceOver ל iOS ו TalkBack לאנדרואיד.

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

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

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

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

מקש ה ENTER ומקש הרווח בשימוש במקלדת, ולחיצה כפולה עם אצבע אחת באמצעות תוכנות קוראות המסך voiceOver ל iOS ו TalkBack  לאנדרואיד, מבצעת  לחיצת הפעלה.

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

בשני מקרים אלו, נוצר מצב של העדר תאימות. תפריט החושף תפריטי משנה באמצעות עכבר בלבד, לא יהיה ניתן לניווט מקלדת בלבד וגם לא יהיה ניתן לתפעול באמצעות מחוות מגע של תוכנות קוראות מסך למכשירי מובייל כגון VoiceOver ל iOS ו TalkBackלאנדרואיד.

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

  • "onmousedown" with "onkeydown".
  • "onmouseup" with "onkeyup"

"onclick" with "onkeypress"

מצב פוקוס של קורא מסך

ניווט במצב פוקוס: מאפשר שימוש בממשק באמצעות מקשי קיצור מובנים של מערכת ההפעלה ומקשי קיצור ייעודיים של היישום במידה והוקצו.

  • מקש TAB להתקדמות קדימה ו Shift + Tab לחזרה אחורה
  • מקש ENTER ורווח משמשים לבחירה ו/או לביצוע פעולה
  • מקשי החיצים מטה, מעלה, ימינה ושמאלה מאפשרים לעבור ברשימות

ניווט באמצעות סמן ווירטואלי שיוצר קורא מסך Brows Mode

: זהו סמן ווירטואלי שיוצר קורא מסך ומאפשר מעבר מאלמנט לאלמנ שורה שורה באמצעות מקשי החיצים מטה בכדי להתקדם ומעלה בכדי לחזור בניווט.

ניתן להשתמש במקשי קיצור ייעודיים של תוכנות קוראות מסך כגון:

  • H לאיתור כותרות
  • F לאיתור פקדי טפסים מקוונים
  • D לאיתור אזורים

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

  • הגדרת Tab Index עם ערך מספרי 1 ומעלה – עשוי לגרום לניווט בין מרכיבים אינטראקטיביים בסדר שאינו תואם את המבנה הוויזואלי של האלמנטים על גבי המסך
  • הגדרת Tab Index שלילי (-1) יגרום לכך שניווט לא יגיע למרכיב אינטראקטיבי
  • כשפקדים וקישורים מוגדרים ב DIV או SPAN
  • הגדרת מרכיבים אינטראקטיביים כך שיעבדו עם עכבר בלבד או מקלדת בלבד
    • onmousever and onmouseout
    • onfocus and onblur
    • onclick and ondblclick
    • onchange and onselect
  • העדר פוקוס ויזואלי למרכיבים אינטראקטיביים

מלכודות מקלדת המונעות ממשתמשי מקלדת להתקדם קדימה או לחזור אחורה בניווט

%d בלוגרים אהבו את זה: