Skip to content

הנגשת אתרים – ההנחיות הטכניות WCAG 2.0

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

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

מבוא

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

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

עקרונות ההנגשה

1. תפיסה: רכיבי המידע והממשק חייבים להיות מוצגים למשתמשים בצורה קלה לתפיסה

1.1 חלופות טקסט: יש לספק חלופות טקסט לכל תוכן שאינו טקסטואלי

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

1.2 חלופות למדיה מבוססת זמן

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

1.2.2 יש להוסיף כתוביות לכל הסרטונים, לטובת לקויי שמיעה. במידה וישנה התפתחות קולית חשובה מעבר לדיבור יש לתאר גם אותה (בעולם רמה A. בישראל: רמה AA).

1.2.3 יש להקליט תיאור שמע או מדיה אלטרנטיבית לטובת לקויי ראייה (בעולם רמה A. בישראל: רמה AA).

1.2.4 יש להוסיף כתוביות גם לוידאו חי המוזרם באתר (רמה AA).

1.2.5 יש להוסיף ערוץ שמע ללקויי ראייה בשידור חי (רמה AA).

1.2.6 יש להוסיף תיאור בשפת הסימנים לכל תוכן מוקלט מראש באתר (רמה AAA).

1.2.7 יש להוסיף תיאור שמע מורחב לתכנים מוקלטים מראש (רמה AAA).

1.2.8 יש להוסיף מדיה אלטרנטיבית מוכוונת נגישות לתכנים המוקלטים מראש (רמה AAA).

1.2.9 יש להוסיף ערוץ אודיו חי לתוכן המוזרם באתר (רמה AAA).

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

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

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

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

 

1.4 הבחנה: יצירת ממשק נוח למשתמשים לצריכת התוכן

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

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

1.4.3 יש לייצר ניגודיות צבעים של לפחות 4. 5:1 בין הטקסט לרקע, למעט במקרים של גופן גדול, לוגו מעוצב, או טקסט שמטרתו קישוט בלבד (רמת AA).

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

1.4.5 יש להימנע מתמונות של טקסט ולהשתמש בטקסט רגיל לכל מטרה גרפית, למעט במקרים חיוניים, כמו לוגו או תרשים (רמה AA).

1.4.6 ניגודיות חדה יותר 7:1 ברמת הנגשה AAA.

1.4.7 יש להימנע מסאונד רקע באתר. במידה והוא חיוני יש לנגנו בעוצמה נמוכה מאוד (רמה AAA).

1.4.8 כללים הקשורים להצגה חזותית של טקסט, ברמת הנגשה AAA.

2. האתר צריך להיות ניתן לתפעול

2.1 הפיכת כל הפונקציות באתר לנגישות במקלדת

2.1.1 ניתן לנווט בין כל מרכיבי האתר בפשטות באמצעות המקלדת.

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

2.1.3 כל האתר כולו נגיש לשימוש במקלדת בלבד (רמה AAA).

 

2.2 לאפשר למשתמשים מספיק זמן לצרוך את התוכן

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

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

2.2.3 הימנעות משימוש באלמנט זמן בכל סוג תוכן באתר (רמה AAA).

2.2.4 הפרעות יזומות לצריכת התוכן באתר יתקיימו במקרי חירום בלבד (רמה AAA).

2.2.5 במקרים בהם נדרש אימות מחודש לאתר (כאשר פג זמן החיבור אליו) ניתן יהיה לשמור על המידע שהוזן אליו עד כה (רמה AAA).

 

2.3 הימנעות מתוכן מעודד התקפים

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

2.3.2 האתר לא יכלול כל תוכן שמהבהב בתדירות של יותר משלוש פעמים בשניה נתונה (רמה AAA).

 

2.4 סיוע והנחיה בניווט באתר

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

2.4.2 לכל דף אינטרנט תהיה כותרת (Title) שמשקפת את הנושא המרכזי בו.

2.4.3 סדר הניווט באתר באמצעות מקלדת יהיה לוגי בהתאם לתוכנו.

2.4.4 ניתן יהיה להבין את מטרת הקישור מקריאת התיאור שלו בלבד, כלומר יש להימנע מקישורים כמו "לחצו כאן".

2.4.5 ישנן מספר דרכים להגיע לכל דף תוכן, לדוגמה: מתפריטים, תוצאות חיפוש, רכיב בדף הבית וכו' (רמה AA).

2.4.6 שימוש בכותרות בתוכן ותוויות בקוד לכל נושא ומטרה באתר (רמה AA).

2.4.7 שימוש במקלדת לניווט באתר יציג בצורה ברורה "הגדרת פוקוס" על החלק עליו עומד הניווט (רמה AA).

2.4.8 מידע על מיקום המשתמש באתר זמין בצורה ברורה (רמה AAA).

2.4.9 כל קישור צריך להיות מזוהה בצורה ברורה גם באופן טקסטואלי (רמה AAA).

2.4.10 כל תוכן האתר יהיה מחולק למדורים ולהם כותרות ברורות (בעולם רמה AAA. בישראל: רמה AA).

 

3. המידע והממשק חייבים להיות מובָנים

3.1 לשמור על טקסט קריא בתוכן האתר

3.1.1 יש להגדיר בקוד את השפה בה נכתב עמוד זה.

3.1.2 יש להגדיר בקוד כל מקטע שפה שונה בעמוד (לדוגמה מילה בגרמנית ששזורה בטקסט עברי) (רמה AA).

3.1.3 יש להגדיר בקוד ביטויים וניבים (רמה AAA).

3.1.4 יש לאפשר פירוט המשמעות המורחבת של כל קיצור (רמה AAA).

3.1.5 במידה והטקסט מנוסח בצורה שתקשה על ההבנה של אדם בעל השכלה תיכונית, יש לייצר לו גרסה אלטרנטיבית (רמה AAA).

3.1.6 יש לנקד טקסטים או לייצר מנגנון הגייה אחר כשלמילה כתובה כמה הגיות שונות (רמה AAA).

 

3.2 לשמור על מבנה דפי האינטרנט צפוי

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

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

3.2.3 סרגלי הניווט הקבועים בכל אתר ישמרו על המבנה והסדר שלהם, אלא אם הוגדר אחרת על ידי המשתמש (רמה AA).

3.2.4 מרכיבים שחוזרים על עצמם כמה פעמים באותו אתר יזוהו בצורה זהה בכל המקרים, לדוגמה תפריט הניווט או אנימציה קבועה בראש האתר יקבלו את אותם תיאורים אלטרנטיביים בכל העמודים (רמה AA).

3.2.5 תוכן שמתרענן באופן אוטומטי באתר לא ישנה את הקשרו – אלא אם קיים מנגנון השבתה של עדכון זה (רמה AAA).

3.3 מניעת ותיקון תקלות בהזנת קלט לאתר

3.3.1 במידה והמערכת מזהה שהוזנה שגיאה – היא תפיק הודעת שגיאה טקסטואלית שמסבירה את מהות הבעיה.

3.3.2 יש להצמיד תוויות או הוראות לכל שדה קלט שקיים באתר.

3.3.3 במידה וניתן להציע הצעות לתיקון שגיאת הזנה, הן יוצעו למשתמש בזמן אמת (רמה AA).

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

3.3.5 קיימת עזרה מבוססת-הקשר בטפסים השונים באתר (רמה AAA).

3.3.6 בכל טופס שבאתר צריך לאפשר הגשה חוזרת ו/או סקירה לצורך בדיקה ו/או תיקון אוטומטי (רמה AAA).

4. שמירה על מבנה ותוכן נהירים שיתפרשו באותה צורה בשלל אמצעים טכנולוגיים

4.1 מיקסום תאימות לאמצעים טכנולוגיים מוכווני נגישות

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

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

 

עמידה בתקנים

על מנת שדף אינטרנט יעמוד בתקינה של WCAG 2.0, יש לעמוד בכל אחת מדרישות התאימות הבאות:

  1. רמת התאמה: ישנן שלוש רמות התאמה לתקני הנגישות, ויש לעמוד באחת מהן (תקנות הנגישות בישראל דורשות מכל אתר לעמוד ברמת AA אלא אם קיבל אישור מיוחד לרמה A):
רמת A: הינה הרמה המינימאלית של עמידה בתקן, ומספקת את הקריטריונים הבסיסיים להתאמה של האתר לבעלי צרכים מיוחדים.
רמת AA: רמת הסטנדרט לעמידה בתקן, הכוללת רף קריטריונים גבוה יותר.
רמת AAA: דפי האינטרנט עונים על כל דרישות הנגישות.
  1. יש לעמוד בתקנים בכל עמודי האתר, לרבות עמודים פנימיים, עמודי תוכן ועוד.
  2. יש להקפיד על רמת נגישות זהה בכל הדפים שמלווים תהליך באתר האינטרנט. לדוגמה: באתר של חנות מקוונת יונגשו באתר באותה רמה עמודי המוצרים ועמודי סל הקניות והרכישה.
  3. יש להשתמש רק בדרכים המותאמות לצורכי הנגשה, ולהימנע ממרכיבים שלא ניתן להנגישם, כדוגמת סקריפטים מורכבים או סרטוני פלאש. לכל מרכיב קיים יש לספק חלופה טקסטואלית שוות ערך.
  4. במצב שבו קיימת באתר טכנולוגיה שאינה נגישה, היא לא תחסום את היכולת של משתמשים לגשת לשאר הדף.
  5. בנוסף, הקריטריונים 1.4.2 – בקרת שמע, 2.1.2 – הימנעות ממלכודת מקלדת, 2.3.1 – הימנעות מהבזקים ו-2.2.2 – השהה, עצור, הסתר – חייבים להתקיים בכל עמוד.

קריאה נוספת:

<< חזרה לדף הראשי של נגישות אתרים