המלצות להנגשת תכני אתרי אינטרנט 2.0 (WCAG) מכסה טווח הנחיות רחב ליצירת תכני רשת נגישים יותר. ציות לקווים מנחים אלו יאפשר גישה לתכנים עבור מגוון רחב יותר של אנשים בעלי מוגבלויות, כולל עיוורון ומוגבלות ראייה, חירשות ואיבוד שמיעה, לקויות למידה, מוגבלויות תפישה, תנועה מוגבלת, מוגבלויות דיבור, רגישות לאור וצירוף של אלה. לעיתים קרובות יהפוך ציות לקווים מנחים אלה את תכני הרשת שלך לשמישים יותר גם עבור משתמשים בכלל.
אמות-מידה להצלחה WCAG 2.0 כתובות כמשפטים ניתנים למבחן שאינם תלויי-טכנולוגיה. הדרכה בנוגע למענה על אמות-המידה להצלחה בטכנולוגיות מסויימות, נוסף על מידע כללי הנוגע לפענוח אמות-המידה להצלחה, נקבע במסמכים אחרים. ראו Web Content Accessibility Guidelines (WCAG) Overview להקדמה וקישורים לחומר טכני ולחומרי הדרכה של WCAGG.
ניתן להבחין בין 3 רמות הנגשה שונות, כאשר כל רמה כוללת גם את הדרישות ברמות הקודמות – כך למשל רמה AA כוללת גם את כל הדרישות של רמה A ורמה AAA כוללת גם את הדרישות של רמה A וגם את אלה של רמה AA.
רמה A
- חלופה טקסטואלית לתוכן שאינו טקסט
- ALT TAG לתמונות
- חלופה שמיעתית לCAPTCHA
- עזרה בהזנת קלט
- זיהוי אוטומטי של שגיאות קלט והתראה ממוקדת על השגיאה באמצעות טקסט
- לספק הוראות מדויקות להזנת הקלט (לדוגמא תיאור בתוויות – Lables)
- חלופה למדיה המוקלטת מראש, וידאו או אודיו
- קטע וידאו – כתוביות
- גמישות בהצגת התוכן בלי לאבד מידע
- כותרת בעלת משמעות לכל עמוד
- אין לעצב את הדף בצורה כמותית
- סדר התוכן בעל משמעות
- קטע אודיו או וידאו יהיה בעל מנגנון עצירה, עוצמת הצליל וקצב ההשמעה
- קטע אודיו – נדרש לספק חלופה טקסטואלית
- עיצוב ברור וקריא
- תחביר תקין של קוד העמוד (HTML)
- צבעים מנוגדים של הכתב והרקע – לבדיקה ניתן להיעזר בכלים לבדיקת ניגודיות כמו WEBIM או CONTRAST CHECKER
- קישורים בעלי משמעות
- כל קישור, כפתור או דבר דומה יכיל כמה אלמנטים עיצוביים
- לאפשר שליטה על גלילה, הבהוב ותנועה אוטומטיים
- יש להמנע מעיצוב באופן הגורם להתקפים אפילפטיים
- לא יותר משלושה הבזקים בשנייה אחת
- תכני טקסט קריאים ונהירים
- רישום של שפת הממשק והתוכן בקוד העמוד
- שליטה על האתר אך ורק באמצעות המקלדת
- בלי דרישה לקצב הקלדה מסוים
- אין להשתמש בהגדרת מוקד\פוקוס של המקלדת. מוקד המקלדת הוא האזור המסומן במסך הניתן להזזה באמצעות חיצי המקלדת, בדפי אינטרנט הוא אינו נראה באופן חזותי
- הגדרת Tab index בעלת משמעות
- משך זמן קריאה מספק של העמוד ללא ריענון אוטומטי
- אפשרות שליטה על משך הזמן לקריאת העמוד (למעט אירועים בזמן אמת)
- מנגנון שליטה על עדכונים אוטומטיים – תזמון
רמה AA
- חלופה למדיה בשידור חי, וידאו או אודיו
- כתוביות בשידור חי
- קטע ווידאו המוקלט מראש בעל כתוביות עם תיאורי אירוע או תיאור בשמע של האירועים
- עזרה בהזנת קלט
- הצעות לתיקון השגיאה בהזנת קלט
- תמיד יתבקש אישור הפרטים המוזנים בטופס לאחר מילואם על-ידי הגולש תוך נתינת אפשרויות התיקון המתבקשות
- מתן הזדמנות לתיקון שגיאות קלט
- מסמך המאפשר סקירה של הפרטים ואישורם
- גמישות בהצגת התוכן בלי לאבד מידע
- אפשרות לשינוי גודל של טקסט עד 200% ללא שימוש באמצעי עזר
- עיצוב ברור וקריא
- אין להשתמש בתמונות של טקסט
- שימוש בכותרות (HEADINGS) ותוויות (LABELS) כדי לתאר את התוכן באתר
- יחס ניגוד של הטקסט והרקע 5:1
- תכני טקסט קריאים ונהירים
- רישום בקוד על שינוי השפה בחלקים שונים של הדף
- שליטה על האתר
- אפשרות לאיתור עמוד באתר באמצעות מספר דרכים
- ממשק האתר יאפשר מציאת מוקד המקלדת באופן חזותי
רמה AAA
- חלופה למדיה וידאו או אודיו
- אין להשתמש בקטעי אודיו המשמשים כרקע אומנותי לתוכן האתר
- אימות מחדש של זהות המשתמש
- ווידאו המוקלט מראש יהיה בעל תרגום לשפת הסימנים
- תיאורים מורחבים בשמע לכל קטעים הווידאו
- אודיו המשודר בחי יהיה בעל חלופה טקסטואלית
- בקטע אודיו יהיה הבדל של 20 דציבלים בין קולות הרקע לדיבור הישיר אל המאזין
- יחס ניגוד של הטקסט והרקע 7:1