בעקבות פניות שהגיעו אלי בזמן האחרון, העוסקות בטיעונים וטענות שונות בדבר השימוש בתוכנות קוראות מסך, הביאו אותי לכתוב את הפוסט הזה. בקשות מעובדים להדרכה על שימוש בתוכנה קוראת מסך לצורכי עבודה, אנשים חסרי סבלנות המשתמשים בתוכנה קוראת מסך ובסוגיות אלו בהקשר לאיומים על תובענות ייצוגיות. בחלק נכבד מהטענות ניתן ללמוד על חוסר הבנה בסיסי בכל הנוגע לשימוש בתוכנה קוראת מסך.
תוכנה קוראת מסך היא תוכנה מורכבת מאוד במיוחד לאלה שאינם בקיאים בשימוש בה. היא מציעה שלל הגדרות, מאות רבות של מקשי קיצור, מושפעת מהגדרות של מנועי דיבור והגדרות רבות נוספות, אשר יש ביכולתן לשפר את חווית הגלישה או לפגוע בה.
ברחבי הרשת פרושים מאמרים רבים אשר מתייחסים לניווט מקלדת עם מקש ה TAB כדרך שבה עושים שימוש משתמשי תוכנות קוראות מסך. ואולם, קביעות כאלה עשויות להטעות הן משתמשי תוכנות קוראות מסך והן מי שעוסקים בתחום ושאינם משתמשי תוכנות קוראות מסך. טענות מסוג זה גובלות לעיתים בהעדר הבנה בסיסית של האופן שבו משתמשי תוכנות קוראות מסך עושים שימוש בתוכנות קוראות מסך בגלישה ברשת האינטרנט.
ניווט מקלדת עם מקש ה TAB
- תפקידו של מקש ה TAB הוא לעבור בין מרכיבים אינטראקטיביים כגון קישורים לרבות תמונות קישור, פקדי טפסים. ומרכיבים אינטראקטיביים נוספים.
- מקש ה TAB לא אמור לנווט אל קטעי טקסט כגון כותרות, פסקאות ורשימות.
המתודולוגיה הזו הוטמעה לפני שנים רבות כבר ברמת מערכות הפעלה נפוצות לשימוש. יתר על כן, במערכות הפעלה יש יותר הקפדה על מתודולוגיה זו, בניגוד לדפי אינטרנט שבהם נוהגים לעיתים להגדיר ניווט מקלדת לאלמנטים שאינם אינטראקטיביים. במערכות הפעלה אבני הבניין של ניווט בין מרכיבים אינטראקטיביים נשמרת הרבה יותר לאורך שנים בניגוד לאתרי אינטרנט.
עוד חשוב להבין כי במערכות הפעלה ותוכנות שבהם לא ניתן לנווט באופן לינארי בכדי לעקוב אחר טקסט ומרכיבים אינטראקטיביים, ולמעשה מתאפשר ניווט מינימלי עם מקש ה TAB למעבר בין מרכיבים אינטראקטיביים, מקש ה ENTER והרווח לבחירה, הטקסט הסובב את המרכיבים האינטראקטיביים, מקושר למרכיב האינטראקטיבי. לדוגמה, אם יש תיבת דו שיח המציגה מידע אודות גרסת התוכנה, ולאחר מכן כפתור פעולה של "אישור" או ,סגירה" – אזי הטקסט המציג את המידע אודות גרסת התוכנה, מקושר כהפניה לכפתור הפעולה. בנוסף לכך, למקרה שמשתמש בתוכנה קוראת מסך פספס את הקראת המידע, ניתן להפעיל צירוף מקשים להקראת הטקסט. בתוכנה קוראת המסך NVDA הדבר מתאפשר באמצעות צירוף המקשים NVDA + B המאפשר להקריא את כל הטקסט בחלון תיבת הדו שיח.
מאחר ובדפי אינטרנט ניתן לגשת הן למרכיבים אינטראקטיביים והן למרכיבים שאינם אינטראקטיביים, ניתן לגשת לחלקי הטקסט כגון כותרות או פסקאות באמצעות מקש חץ מטה, ולכן, כפתורים כגון "המשך לתשלום" לא אמורים לכלול הפניה לכל המידע הטקסטואלי המופיע לפני הכפתור. כאן חובה על משתמשי תוכנות קוראות מסך לעבור על התוכן צעד צעד, בניווט לינארי עם מקש חץ מטה בכדי לסקור את התוכן וההפך, בכדי לחזור אחורה.
צעד צעד – ניווט לינארי
גילוי נאות: גם אני עושה שימוש קודם כל בניווט לינארי בממשקים בהם אני מבקרת לראשונה ובממשקים מורכבים.
אם משתמש בתוכנה קוראת מסך ינווט רק עם מקש ה TAB הוא יחווה תסכול רב באתרי אינטרנט רבים שבהם יש תוכן טקסטואלי בסמוך למרכיבים אינטראקטיביים. ניווט עם מקש ה TAB בלבד יגרום למשתמש לפספס הקשרים בין חלקי האתר השונים.
לכן כשמדובר בתוכן המשלב הן פקדים אינטראקטיביים והן טקסט מסוג כותרות או פסקאות, וככל שיש קשר ו/או תלות בין חלקי התוכן השונים, חובה להפעיל ניווט לינארי, על ידי שימוש במקשי קיצור לאיתור אבני דרך וציוני דרך כגון אזורים, כותרות, קישורים, וחקירת האזור עם מקש חץ מטה.
דוגמה מעמוד מוצר לרכישה
- הגעה לכותרת h1 של שם המוצר
- ניווט עם מקש חץ מטה בכדי לסקור את תיאור המוצר
- המשך ניווט עם מקש חץ מטה בכדי להגיע לפקדים לביצוע בחירות שונות כגון בחירת צבע, מידה וכד'.
- המשך ניווט עם מקש חץ מטה בכדי להגיע לכפתור או קישור להמשך הרכישה – הוספה לסל, או המשך לתשלום – תלוי באתר.
אם היו עושים שימוש רק במקש ה TAB משתמש בתוכנה קוראת מסך היה:
- לוחץ הרבה פעמים על מקש ה TAB
- בסופו של דבר היה מגיע לכפתורים של בחירת אפשרויות כגון צבע, מידה וכד'
- ולאחר מכן היה מגיע לכפתורים של המשך תשלום
כלומר, כל שאר ההקשר לא היה זמין עבורו שכן ניווט מקלדת עם מקש ה TAB מגיע רק למרכיבים אינטראקטיביים כגון פקדי טפסים, קישורים, כפתורים וכד'.
מוקשים בדרך
בניווט לינארי או בניווט בין מרכיבים אינטראקטיביים עם מקש ה TAB אם מגיעים לאלמנטים שלא הוגדרו באופן תקין כגון:
- כפתורים ללא תוויות שתוכנה קוראת מסך מקריאה Button
- קישורים ריקים שתוכנה קוראת מסך מקריאה Link
- תמונות קישור ללא טקסט חלופי שתוכנה קוראת מסך מקריאה את כתובת ה URL הארוכה והמתישה של התמונה
- כאשר מגיעים לאלמנט אינטראקטיבי אבל כזה שלא ניתן לתפעל באמצעות מקשי מקלדת כגון ENTER או רווח להפעלת כפתור או קישור, או כניסה לתיבת עריכה, או שימוש במקשי החיצים בתיבות בחירת אפשרויות מתוך רשימה
אלה הם דוגמאות למקרים שבהם בהחלט אפשר להניח שמדובר בחסמי נגישות למשתמשי תוכנות קוראות מסך.
סבלנות היא דרך המלך להצלחה
באחד הדיונים בקבוצות ייעודיות, נשאלה השאלה הבאה: איך מוחקים שיחה באפליקציית קלוד?
הסברתי שבכדי למחוק שיחה באפליקציית קלוד
- צריך להגיע עם קורא המסך VoiceOver לכותרת חלון השיחה, שממוקם לצד כפתור ה"חזור".
- כותרת חלון השיחה מוגדרת "ככפתור קופצני" (כלומר, כפתור שלחיצה עליו יציג אפשרויות נוספות)
- לאחר לחיצה על כפתור זה, יוצגו שתי אפשרויות, האחת עריכה והשנייה מחיקה. יש ללחוץ על מחיקה בכדי למחוק את השיחה מהיסטוריית הצ'טים באפליקציית קלוד.
ההסבר שלי נתקל בהתנגדות – היא לא מוצאת "כפתור קופצני" והיא לא מבינה על מה אני מדברת לכל הרוחות. השלב הבא היה כזה שהכנתי סרטון הדגמה. גם זה לא עזר – היא לא מוצאת את "הכפתור הקופצני הארור".
בשלב הבא ביקשתי ממנה שהיא תכין סרטון הדגמה וכך היא עשתה. היא הכינה סרטון הדגמה שבו היא מראה כיצד היא מנווטת עם תוכנה קוראת מסך ומגיע לכותרת השיחה.
אבל לא מקשיבה לכל כותרת חלון השיחה שכללה כמה מילים. ומאחר שלא הקשיבה עד הסוף "פספסה" את הכרזת תוכנה קוראת המסך שמדובר ב"כפתור קופצני" שלחיצה עליו כאמור תציג אפשרויות לבחירה.
למען האמת החוויה הזו הפתיעה אותי. ציפיתי שאדם שעושה שימוש בתוכנה קוראת מסך שנים, אמור להבין כלל בסיסי ביותר – יש להכיר את ממשק המשתמש ולסקור אותו היטב לפני שממשיכים הלאה או מכריזים שהוא לא מונגש באופן מלא או חלקי.
קריאת עמוד אינטרנט דומה לעיתים לקריאת ספר או מאמר – שורה שורה בכדי להבין טוב יותר את התוכן וההקשרים בין חלקי התוכן השונים.
וזה לא סוף הסיפור – כי גולשים גם מהמובייל עם קורא מסך
בתוכנות קוראות מסך לגלישה ממכשירי סלולר, שיטת הניווט שונה שכן משתמשי תוכנות קוראות מסך לרוב עושים שימוש במחוות מגע ייעודיות לתוכנות קוראות מסך כגון VoiceOver במערכת ההפעלה iOS ו TalkBack למערכת ההפעלה אנדרואיד.
אחד ההבדלים המהותיים הוא שבגלישה עם קורא מסך ממכשיר מובייל, גם אלמנטים מסוג טקסט בתיבות דו שיח ניתנים לניווט לינארי עם מחוות המגע הפשוטה של החלקת אצבע מימין לשמאל, בכדי לעבור ולנווט במרכיבי ממשק המשתמש.
אם ניקח לדוגמה את אותו אלמנט של תיבת דו שיח, אם במערכת ההפעלה היינו גולשים עם מקש ה TAB לכפתור שפותח תיבת דו שיח, פוקוס המקלדת היה מתמקם על כפתור הפעולה כגון "אישור" או סגירה", והקראת הטקסט הייתה מיידית או באמצעות צירוף מקשים, הרי שבמערכת ההפעלה מסוג iOS או אנדרואיד, ניתן יהיה לנווט לטקסט ואז לכפתור הפעולה עם מחוות מגע של החלקת האצבע מימין לשמאל וההפך.
לסיכום פוסט זה
- תוכנות קוראות מסך מציעות מגוון רחב של אפשרויות, הגדרות, מאות מקשי קיצור ודרכים לנווט בממשק המשתמש לרבות באתרי אינטרנט.
- ולפיכך אין דרך אחת ויחידה לנווט באמצעות תוכנות קוראות מסך.
- קיים שוני מהותי בניווט עם תוכנה קוראת מסך במערכת הפעלה מבוססת Windows לשולחן עבודה לבין מערכות הפעלה למכשירי מובייל כגון VoiceOver ו TalkBack.
- בממשקי אינטרנט כגון תוכנות ואתרי אינטרנט, חובה להגדיר בין היתר שם תפקיד וערך לכל מרכיב בממשק המשתמש, בכדי לאפשר את ריבוי הדרכים בהם עושים שימוש משתמשי תוכנות קוראות מסך.
- משתמשי תוכנות קוראות מסך חייבים להשתמש בטכנולוגיות מעודכנות ככל הניתן וחייבים להיות בקיאים בשימוש בתוכנות קוראות מסך מצד אחד ובאחריותם גם ללמוד את ממשק המשתמש לפני השימוש בו.
וזה לא סוף הסיפור, כי צריך לדבר גם על מנועי דיבור ותאימות
ועל כך בהמשך