סעיף 508: סקירה למנהלים ולמעצבי אתרים

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

הצגת התוכן

השורה התחתונה: ככל שההצגה הויזואלית מסובכת יותר, כך יש יותר בעיות נגישות פוטנציאליות.

ההנחיות הרלוונטיות:

1. טקסט אלטרנטיבי לכל אלמנט שאינו טקסט (508 פריט a).
   
    
   • מה הכוונה: כל דבר בדף שאינו טקסט חייב שתהיה לו מקבילת טקסט זמינה בדף ה-HTML או מחוצה לו.
      
     • דוגמא: כל תמונה שמעבירה מידע חייבת תיאור בטקסט ("תמונה של פוליפ סרטני במעי").
     • סכמות וגרפים חייבים תיאור בטקסט - אפשר לספק קישור לדף נפרד המתאר את המידע בפורמט טקסט.
     • כל אלמנט גרפי שלא מספק מידע שימושי (לדוגמא, קו רוחבי לקישוט) חייב תוית HTML שתאמר לקורא המסך לדלג עליו.
        
   • לא לפספס: לעתים קרובות ישנן כותרות או קישורים שהם למעשה תמונות, למרות שכתובות שם מילים. אם אין טקסט חלופי ב- HTML, קוראי מסך לא יוכלו לקרוא את המילים החשובות האלה.
     
     
     
      
2. יש לעצב את הטבלאות בצורה שתאפשר לקורא מסך להבין את המידע שבתוכן (508 פריט g ו- h).
   
   
   
   • מה הכוונה: כאשר מציגים מידע בטבלאות (טורים ושורות), דף ה- HTML חייב לספק רמזים ברורים לקוראי המסכים, כדי שאלה יוכלו לשחזר את המידע במדויק. אחרת, קורא המסך פשוט יעבור שורה שורה מימין לשמאל (או משמאל לימין), והטבלה תישמע למאזין כג'יבריש.
      
   • לא לפספס: מלבד טבלאות להצגת מידע, מעצבי אתרים משתמשים לעתים גם בטבלאות לא-נראות למטרות עיצוב ופרישה על הדף. אתם אולי לא רואים את הטבלאות האלה כשאתם מתבוננים בדף, אבל קורא המסך רואה! להנגשת טבלאות-פרישה דרושים פתרונות אחרים מאשר להנגשת טבלאות-מידע, משום שהן מיועדות למטרות שונות. בשני המקרים, בדיקת הדפים על דפדפן של טקסט-בלבד תראה לכם האם האינפורמציה תועבר נכון בעזרת טכנולוגיות מסייעות.
     
     
     
      

3. כאשר הדף דורש מהמשתמש שיהיה בבעלותו plug-in או אפליקציה כלשהי, יש לספק קישור נגיש ומותאם 508 ל-plug in או לאפליקציה המתאימה.

   • מה הכוונה: כאשר ישנו קובץ באתר שלכם שדורש תוכנת עזר, אתם חייבים להבטיח שהתוצאה הסופית תיקרא כראוי על ידי קורא המסך.
      
     • יש להקפיד במיוחד בקבצי PDF. ישנם קבצי PDF, במיוחד כאלה המשתמשים בטורים או עיצוב פרישה שונים, שלא יעבדו טוב עם קוראי מסכים. ב- Access.adobe.com תוכלו למצוא כלים והנחיות ליצירת קבצי PDF נגישים.
        
   • לא לפספס: לפני שאתם מחליטים לתת תוכן בכל צורה אחרת מלבד HTML פשוט, בדקו האם קיים פתרון נגיש! הדבר נכון לכל סוגי ה- Plug-in, כגון PDF, RealAudio, Flash וכו'.
     
     
     
      
4. כאשר דפים משתמשים ב- javascript או בכל שפת סקריפט אחרת, האינפורמציה או הפונקציה שהסקריפט מספק חייבים להיות מותאמים לטכנולוגיות המסייעות (508 פריט l).
   
   
   
   • מה הכוונה: אם אתם משתמשים בסקריפטים ליצירת אפקטים כגון תפריטים נגללים וחלונות popup, אתם חייבים לבדוק בתשומת לב שהפתרון מתאים לטכנולוגיות המסייעות, או לספק למשתמש תיאור ברור של האינפורמציה שהסקריפט מעביר.
      
   • לא לפספס: סקריפטים עשויים לעורר בעיות לא רק לטכנולוגיות מסייעות אלא גם לדפדפנים ישנים. עליכם לבדוק את כל הסקריפטים באתר על פלטפורמות שונות, דפדפנים שונים וטכנולוגיות מסייעות, על מנת להבטיח את שביעות רצון כל המשתמשים.
     
     
     
      
5. על הדפים להיות קריאים בלי קשר לגליונות הסגנון (508 פריט d).
   
    
   • מה הכוונה: גליונות סגנון הם קבצי הנחיות שתפקידם לומר לדפים שבאתר כיצד יוצגו על הדפדפן של המשתמש. בדפים אלה יכולים להיות כתובים גדלי גופנים, צבע טקסט או צבע רקע וכו'. הנחיות 508 אינן אוסרות שימוש בגליונות סגנון, אבל דפי האתר חייבים להיות קריאים, גם עבור טכנולוגיות מסייעות וגם עבור משתמשים אשר אינם יכולים או אינם רוצים להפעיל את גליונות הסגנון.
      
   • לא לפספס: השימוש בגליונות סגנון הוא דרך מצויינת לנהל את הצגת המידע באתר, אם משתמשים בהם כראוי. מצד שני, יש לבדוק אותם ביסודיות על פלטפורמות ודפדפנים שונים, כדי לוודא שהפלט קריא והגיוני. בנוסף לכך, בדיקת דפי האתר שלכם כאשר גליונות הסגנון מכובים בדפדפן, תאפשר לכם לראות אם אתם עונים על הנחיה זו.
     
     
     
      
6. למצגות מולטימדיה חייבות להיות חלופות נגישות ומסונכרנות (508 פריט b).
   
    
   • מה הכוונה: לסרטי וידאו או למצגות שקופיות חייב להיות תיאור טקסטואלי שמסונכרן עם הצגת התמונות, וכן יש לתמלל את כל קטעי האודיו. מצגות אודיו חייבות גם הן תמלול טקסט מסונכרן.
      
   • לא לפספס: טכנית, ההנחיות דורשות כתוביות גם למצגות המוצגות בזמן אמת. בדקו את הלוגיסטיקה ואת העלויות של טכנולוגיה כזו, לפני שאתם מחליטים לספק צילומים חיים של נאומים או אירועים אחרים.
     
     
     
      
7. אף אלמנט על הדף אינו יכול להבהב או לגרום לתצוגת המשתמש לרצד (508 פריט j).
   
    
   • מה הכוונה: אל תשתמשו בתמונות מהבהבות על המסך, כגון הבהוב של המילה "חדש" שיש באתרים רבים.
      
   • לא לפספס: אם אין לכם שום ברירה מלבד שימוש בתמונה מהבהבת (מסיבות מדעיות), עליכם להבטיח שתדר ההבהוב לא יהיה בין 2Hz ל- 55Hz.
     
     
     
      
8. אם לא ניתן להגיע לשום פתרון נגיש אחר, ספקו דף טקסט-בלבד עם תוכן מקביל (508 פריט k).
   
    
   • מה הכוונה: זהו "מפלט אחרון", שיש להשתמש בו רק במידה שכל הנסיונות האחרים להפוך את האתר לנגיש נכשלו לחלוטין. במקרה כזה, אתם יכולים לספק דפי טקסט רגילים המספקים בפורמט טקסט את כל האינפורמציה שנמצאת בחלקים הלא-נגישים של האתר.
      
   • לא לפספס: לפני שאתם מחליטים ללכת לכוון הזה, הבינו את ההשלכות על ניהול האתר: כל דף טקסט-בלבד חייב להתעדכן בדיוק באותו הזמן של הדפים המקוריים, וזה פוטנציאל להכפלת העבודה של מנהלי התוכן, כיוון שנוצרים שני קבצים על כל קובץ אחד.
      

ניווט

השורה התחתונה: להבטיח שכל המשתמשים יוכלו להשתמש באפשרויות הניווט שבאתר אם ירצו, וכן יוכלו להתעלם מאפשרויות הניווט באתר אם ירצו.

ההנחיות הרלוונטיות:

1. יש לאפשר למשתמשים לדלג על קישורי ניווט החוזרים על עצמם (508 פריט o).
   
    
   • מה הכוונה: אם האתר שלכם מספק סרגל ניווט (navbar) בחלק העליון או בחלק הצדדי של כל דף, עליכם לספק אפשרות לדילוג על הסרגל בדף ה-HTML, על מנת לאפשר למשתמשים בעלי קוראי מסכים לדלג על החלק הזה ולגשת ישר לתוכן העיקרי של הדף. אחרת, הם יצטרכו להקשיב לפירוט של כל איזורי האתר שוב ושוב.
      
   • לא לפספס: הרבה פעמים סרגלי הניווט מעוצבים כמפת-תמונה (ראו בהמשך) או כרצף של תמונות. גם במקרים האלה יש לספק חלופות נגישות עבור המשתמשים שאינם רוצים להשתמש באופצית הניווט.
     
     
     
      
2. כל האינפורמציה המועברת על ידי צבעים חייבת לעבור גם ללא הצבעים (508 פריט c).
   
    
   • מה הכוונה: לרמזים ויזואליים המועברים על ידי צבע, (כגון הדגשת טקסט בעזרת צבע, או ניווט בעזרת צבעים) חייבים להתלוות רמזים ויזואליים שלא תלויים בצבע, ומעבירים את אותה האינפורמציה. הכי טוב: להמנע משימוש בצבע כאמצעי להעברת מידע.
      
   • לא לפספס: אל תניחו שהמשתמשים יוכלו להבחין בין צבעים שונים על מנת להבחין בסוגי מידע שונים, למשל בטבלה. ייתכן שהניגוד בין הצבעים אינו מספיק עבור מבקרים עיוורי צבעים. דרך אחת לבדוק את נושא הצבע הוא להדפיס את הדפים בשחור ולבן או לצפות בהם כאשר המסך מכוון על גווני אפור. זוהי בדיקה קלה, אך היא לא בהכרח מעידה על כך שכל עיוורי הצבעים יוכלו לראות את האתר.
     
     
     
      
3. יש להשתמש במפות תמונות בצד הלקוח ולא בצד השרת (508 פריט f).
   
    
   • מה הכוונה: מפות תמונות מאפשרות לחלקים שונים של התמונה להפעיל קישורים שונים, כאשר המשתמש לוחץ עליהם (לדוגמא, מפת הארץ, שבה לחיצה על עיר מסויימת מובילה לאתר הבית של עירייה זו. כמו כן סרגלי ניווט רבים הם מפות תמונות). מפות תמונות בצד השרת היו הדרך הישנה לממש את האופציה הזו, ואתרים חדשים או מתחדשים אינם אמורים להשתמש בדרך זו.
      
   • לא לפספס: כמו באלמנטים אחרים, יש לדאוג לתויות מספקות בדף ה- HTML שיספקו לקוראי מסכים אינפורמציה על מפת התמונות, ואינפורמציה מדויקת על כל קישור בתמונה.
     
     
     
      
4. מפות תמונות בצד השרת חייבות לכלול גם קישורים טקסטואליים (508 פריט e).
   
    
   • מה הכוונה: כפי שצויין קודם, מפות תמונות בצד השרת הן דרך ישנה ליצירת תמונה בעלת מספר איזורים שהם קישורים. אם משתמשים במפות כאלה, דבר שאינו מומלץ, יש להוסיף גם קישורי טקסט, לדוגמא "תל אביב", "נתניה" וכו', כדי שקוראי המסכים יוכלו לספק גישה לקישורים.
      
5. מסגרות חייבות לכלול כותרות, שיאפשרו ניווט והתמצאות (508 פריט i).
   
    
   • מה הכוונה: מסגרות, עוד שיטה ישנה להצגת אינפורמציה, שוברות את חלון הדפדפן למספר מיני מסכים (לדוגמא Rex, האתר המקורי של NCI). לעתים קרובות השתמשו במסגרות על מנת לשמור על קביעות איזורי הניווט בזמן שאיזורי התוכן משתנים. למסגרות חייבות להיות כותרות תיאוריות, כגון "מסגרת ניווט", או "מסגרת תוכן", כדי שבעלי קוראי מסכים יוכלו להחליט האם לדלג על כל המסגרת, במקום שיצטרכו לשמוע את תוכן המסגרת מוקרא להם שוב ושוב.
      
   • לא לפספס: באתרים חדשים משתמשים במסגרות רק לעתים רחוקות, אף על פי שהן עונות על דרישה o של תקן 508 - לאפשר לקוראי מסכים לדלג על קישורים שחוזרים על עצמם. מסגרות עשויות להוביל לבעיות שימושיות נוספות, ואינן מומלצות.

אינטראקציה

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

ההנחיות הרלוונטיות:

1. טפסים מקוונים צריכים לאפשר לכל האנשים שמשתמשים בטכנולוגיות מסייעות להשתמש בכל חלקי הטופס, החל בקריאת ההוראות וכלה בשליחת מידע (508 פריט n).
   
    
   • מה הכוונה: הנחיה זו היא פשוטה להבנה אך קשה לביצוע. הטפסים חייבים להיות נגישים לגמרי למשתמשים בעלי קוראים מסכים, או שמשתמשים במקלדת בלבד (ללא עכבר). הדבר דורש תכנות ספציפי וזהיר.
      
   • לא לפספס: חשבו שנית על הפונקציונליות של הטופס: האם השדות הכרחיים? האם הטופס ברור ככל האפשר? האם הטופס עצמו הכרחי?
     
     
     
      
2. כאשר ישנה תגובה שמוגבלת בזמן, יש להודיע למשתמש על הגבלת הזמן, ולתת לו הזדמנות לבקש עוד זמן (508 פריט p).
   
    
   • מה הכוונה: השימוש הוא בדרך כלל מסיבות בטיחות, כאשר נדרש שם משתמש (login), והמערכת עשויה לקצוב זמן תגובה מסויים למשתמש, שאחריו לא תאפשר כניסה. במקרה כזה, על המערכת להודיע למשתמש על הגבלות הזמן, ולאפשר לו, בצורה נגישה (כלומר לא בעזרת העכבר) לבקש זמן נוסף.
     
      

 מקורות

מסמך זה הנקרא באנגלית "Section 508 Standards: An Overview for Managers of New and Redesigned Sights" נכתב על ידי Bending Line, והופיע ב- Usability.gov תחת אותו השם.