→ חזרה לבלוג

מה זה WCAG 2.1? המדריך המלא לתקן הנגישות הבינלאומי

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

WCAG - התקן שמגדיר מה זה אתר נגיש

WCAG הוא ראשי תיבות של Web Content Accessibility Guidelines, כלומר הנחיות נגישות לתוכן אינטרנט. מדובר בתקן בינלאומי שפותח על ידי ארגון W3C (World Wide Web Consortium) - הגוף הבינלאומי שאחראי על קביעת תקנים לאינטרנט. התקן מגדיר סדרת כללים, הנחיות וקריטריוני הצלחה שאתר אינטרנט צריך לעמוד בהם כדי להיחשב נגיש לאנשים עם מוגבלויות שונות.

גרסה 2.1 של התקן, שפורסמה בשנת 2018, הרחיבה את הגרסה הקודמת (2.0) והוסיפה 17 קריטריוני הצלחה חדשים, בדגש על נגישות במכשירים ניידים, אנשים עם מוגבלויות קוגניטיביות ואנשים עם ליקויי ראייה. הגרסה הזו היא הגרסה שמדינת ישראל אימצה כבסיס לתקן הישראלי 5568, שמחייב אתרי אינטרנט ישראליים לעמוד בדרישות נגישות.

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

ארבעת עקרונות היסוד - POUR

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

1. ניתן לתפיסה (Perceivable) - כל התוכן באתר חייב להיות ניתן לתפיסה על ידי כל המשתמשים, ללא קשר למוגבלות שלהם. משמעות הדבר היא שתמונות צריכות לכלול טקסט חלופי (alt text) כדי שקוראי מסך יוכלו לתאר אותן, סרטונים צריכים לכלול כתוביות, והטקסט צריך להיות ניתן להגדלה. אם משתמש לא יכול לתפוס מידע מסוים, אותו מידע למעשה אינו קיים עבורו.

2. ניתן להפעלה (Operable) - כל הפונקציונליות באתר חייבת להיות ניתנת להפעלה בצורות שונות. זה אומר שהאתר חייב להיות ניתן לשימוש גם באמצעות מקלדת בלבד, ללא עכבר. כפתורים צריכים להיות גדולים מספיק ללחיצה, ואנימציות צריכות להיות ניתנות לעצירה. משתמשים צריכים לקבל מספיק זמן לקרוא תוכן ולהשלים פעולות.

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

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

רמות התאימות: A, AA ו-AAA

אחד הדברים שמבלבלים אנשים רבים הוא מערכת הרמות של WCAG. התקן מגדיר שלוש רמות תאימות, מהנמוכה לגבוהה:

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

רמה AA - זוהי הרמה שרוב החקיקה בעולם דורשת, כולל החוק הישראלי. רמה AA כוללת את כל דרישות רמה A בתוספת דרישות מתקדמות יותר. למשל: יחס ניגודיות מינימלי של 4.5:1 בין טקסט לרקע, אפשרות לשנות גודל טקסט עד 200% ללא אובדן תוכן, וכתוביות לכל תוכן וידאו מוקלט. רמה AA נחשבת לנקודת האיזון בין נגישות מקיפה לבין ישימות מעשית.

רמה AAA - זוהי הרמה הגבוהה ביותר של נגישות. היא כוללת דרישות מחמירות מאוד כגון יחס ניגודיות של 7:1, שפת סימנים לכל תוכן אודיו, וטקסט פשוט ברמת הבנה של חטיבת ביניים. רוב החקיקה בעולם אינה דורשת עמידה ברמה AAA, ואפילו W3C עצמו מציין שלא תמיד ניתן לעמוד בכל דרישות AAA עבור כל סוגי התוכן.

חשוב לזכור: החוק הישראלי דורש עמידה ברמה AA של WCAG 2.1. זו הרמה שכל אתר ישראלי נדרש לעמוד בה, והיא גם הרמה שמהווה תקן בינלאומי מקובל.

קריטריוני ההצלחה - מה בדיוק נדרש?

התקן כולל עשרות קריטריוני הצלחה (Success Criteria) - דרישות ספציפיות ומדידות שכל אחת מהן מקבלת רמת חשיבות (A, AA או AAA). הנה כמה מהקריטריונים החשובים ביותר שרלוונטיים לרוב האתרים:

• טקסט חלופי (1.1.1, רמה A) - כל תמונה, אייקון או אלמנט גרפי שאינו דקורטיבי חייב לכלול תיאור טקסטואלי חלופי שמעביר את אותו המידע.
• ניגודיות צבעים (1.4.3, רמה AA) - יחס ניגודיות מינימלי של 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול, כדי להבטיח קריאות לאנשים עם ליקויי ראייה.
• ניווט מקלדת (2.1.1, רמה A) - כל פונקציונליות באתר חייבת להיות נגישה דרך מקלדת בלבד, ללא צורך בעכבר.
• שינוי גודל טקסט (1.4.4, רמה AA) - הטקסט באתר חייב להיות ניתן להגדלה עד 200% ללא אובדן תוכן או פונקציונליות.
• שפת העמוד (3.1.1, רמה A) - שפת ברירת המחדל של כל עמוד חייבת להיות מוגדרת בקוד ה-HTML.
• מוקד נראה (2.4.7, רמה AA) - כאשר אלמנט מקבל מוקד באמצעות מקלדת, חייב להיות אינדיקטור ויזואלי ברור שמראה היכן המוקד נמצא.
• זיהוי שגיאות (3.3.1, רמה A) - כאשר מתגלה שגיאה בהזנת נתונים, השגיאה מזוהה ומתוארת למשתמש בטקסט.

מה חדש ב-WCAG 2.1 לעומת 2.0?

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

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

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

ליקויי ראייה - הורחבו הדרישות לאנשים עם לקות ראייה שאינם עיוורים לחלוטין. הוסף קריטריון לניגודיות של אלמנטים שאינם טקסט (כפתורים, אייקונים, גרפים), דרישה לגלילה בכיוון אחד בלבד (reflow), והתאמת ריווח טקסט (text spacing).

WCAG והחוק הישראלי - מה הקשר?

בישראל, חוק שוויון זכויות לאנשים עם מוגבלות (תשנ"ח-1998) והתקנות שהותקנו מכוחו מחייבים הנגשת אתרי אינטרנט. התקן הישראלי 5568 מבוסס על WCAG 2.1 ברמה AA, עם כמה התאמות ספציפיות למרחב הישראלי.

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

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

איך בודקים תאימות ל-WCAG?

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

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

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

איך מנגיש עוזר לעמוד בתקן WCAG

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

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

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

לסיכום - WCAG כהשקעה ולא כנטל

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

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

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