נגישות אינטרנט: מדריך למתחילים

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

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

מהי נגישות אינטרנט?

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

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

סוגי מוגבלויות

נגישות אתרים מתמקדת בחמש קטגוריות עיקריות של מוגבלויות, כולל

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

שמיעה : אנשים עם יכולות שמיעה מוגבלות או חירשות מלאה. על פי הערכות ארגון הבריאות העולמי, למעלה מ-430 מיליון אנשים ברחבי העולם סובלים מאובדן שמיעה מגביל ומעל 70 מיליון חירשים.

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

קוגניטיבי : אנשים עם יכולות חשיבה מוגבלות.

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

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

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

הנחיות נגישות תוכן אינטרנט (WCAG) 

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

WCAG מבוסס על ארבעת עקרונות הנגישות העיקריים – נתפס, ניתן לתפעול, מובן וחזק (POUR).

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

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

מובן : ממשק המשתמש של האתר לא אמור להיות מעבר להבנה של משתמש ממוצע.

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

הנחיות WCAG 2.0 

הגרסה הראשונה של הנחיות WCAG (1.0) פורסמה בשנת 1999. היא הייתה בתוקף עד לפרסום WCAG 2.0 בדצמבר 2008. מאז, פרסם קונסורציום האינטרנט העולמי שני עדכונים קלים (WCAG 2.1 ו-2.2), ותקני WCAG 2 נותרו מה שרגולטורים ועסקים פועלים לפיו במידה רבה. 

בואו נצלול לעומק את 12 ההנחיות של WCAG 2.0 שיש ליישם באתר האינטרנט שלכם:

1. ספקו חלופות טקסט לכל תוכן שאינו טקסטואלי

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

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

2. לספק חלופות למדיה מבוססת זמן

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

3. צרו תוכן רב-תכליתי וקל להצגה

תוכן האתר שלך צריך להיות זמין להצגה בפורמטים שונים מבלי לאבד משמעות או מבנה. השתמש בקוד HTML הנכון כדי להגדיר את חלקי התוכן וכיצד הם קשורים. לדוגמה, שדות טופס צריכים לכלול את האלמנט <label>, שיעזור לאפליקציות טכנולוגיה מסייעת לזהות מהו התוכן ולהעביר את המידע למשתמש. אפשר לקוראים להתאים את גודל הגופן עד 200% מבלי לעוות את מבנה התוכן – זה עוזר לאנשים לקויי ראייה לקרוא את דפי האינטרנט שלך ללא טרחה.

4. הקלו על המשתמשים לראות ולשמוע תוכן

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

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

5. נגישות באמצעות מקלדת

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

6. ספקו מספיק זמן למשתמשים לקיים אינטראקציה עם התוכן

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

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

7. הימנעו מתוכן שגורם להתקפים

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

8. עזרו למשתמשים לנווט בתוכן שלכם.

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

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

9. הפוך את הטקסט לקריא ומובן

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

10. דפי אינטרנט צריכים לפעול בצורה צפויה

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

11. עזרו למשתמשים למנוע ולתקן טעויות

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

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

12. מקסום תאימות עם סוכני משתמש

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

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

WCAG 2.1 

WCAG 2.1 פורסם לראשונה ביוני 2018; עדכון נוסף פורסם בספטמבר 2023. WCAG 2.1 הוסיף הנחיה עיקרית אחת ל-12 ההנחיות של WCAG 2.0 (הוסבר לעיל).

WCAG 2.1 הגיעה עם התאמות נגישות משופרות עבור טלפונים ניידים ואנשים עם לקויות ראייה או מוגבלויות קוגניטיביות. העקרונות העיקריים שלה כוללים:

1. התאמת תוכן לתחומי עניין שונים

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

2. ריווח טקסט

יש לרווח בין הטקסט בדף האינטרנט שלך במידה מספקת. WCAG ממליץ על הדברים הבאים:

• ריווח שורות של לפחות פי 1.5 מגודל הגופן.
• מרווח בין פסקאות לפחות פי 2 מגודל הגופן.
• ריווח בין אותיות הוא לפחות פי 0.12 מגודל הגופן.
• ריווח בין מילים של לפחות פי 0.16 מגודל הגופן.

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

3. בקרת אנימציה בתנועה

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

4. אפשר למשתמשים לבטל פעולות

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

5. גלילה של תוכן

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

WCAG 2.2 

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

1. מנגנוני סיוע עקביים

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

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

2. ערך מיותר

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

3. תנועות גרירה

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

4. גודל היעד

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

5. אימות נגיש

כל שלב אימות באתר האינטרנט שלך לא אמור לדרוש בדיקת תפקוד קוגניטיבי אלא אם כן מתקיימים הקריטריונים הבאים:

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

קריטריונים אלה מקלים על אנשים עם מוגבלויות קוגניטיביות לנווט באתר שלך.

6. מיקוד לא מוסתר

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

מחוון המיקוד הגלוי של המקלדת צריך לעמוד בדרישות הבאות:

• יחס ניגודיות של לפחות 3:1 בין אותם פיקסלים במצב ממוקד ולא ממוקד.
• להיות גדול לפחות כמו שטח ההיקף בעובי 2 פיקסלים של CSS של הרכיב הלא ממוקד.

WCAG 3.0 

קונסורציום האינטרנט העולמי (W3C) טרם פרסם רשמית את הגרסה השלישית של תקני WCAG. הסוכנות פרסמה את הטיוטה הראשונה של WCAG 3.0 ביולי 2021 ואת האחרונה ביולי 2023. הטיוטה נותרה בלתי פורמלית; ה-W3C מצפה להקדיש "עוד כמה שנים" לפני פרסום ההנחיות הרשמיות של WCAG 3.0. 

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

רמות תאימות WCAG 

הנחיות WCAG מסווגות לשלוש רמות ביצועים: 

• א (הנמוך ביותר)
• AA (טווח בינוני)
• AAA (הגבוה ביותר)

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

תקנות נגישות אתרים 

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

חוק האמריקאים עם מוגבלויות (ארה"ב)

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

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

חוק השוויון (בריטניה)

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

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

הנחיית נגישות האינטרנט (האיחוד האירופי)

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

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

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

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

מסגרת כללית לשיפור הנגישות (RGAA, צרפת)

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

תיקים משפטיים בולטים בנושא נגישות אתרים 

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

1. האיגוד הלאומי לחירשים (NAD) לעומת נטפליקס 

בשנת 2011, הגישה האיגוד הלאומי לחירשים (NAD) שבסיסו בארה"ב תביעה אזרחית נגד נטפליקס, שירות הסטרימינג הפופולרי באינטרנט. התביעה טענה כי היעדר כתוביות לכבדי שמיים בסרטונים בסטרימינג על ידי נטפליקס הפרה את חוק ADA. 

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

2. הפדרציה הלאומית לעיוורים נגד תאגיד טארגט

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

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

3. אובר נגד משרד המשפטים של ארצות הברית (DOJ)

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

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

4. האיגוד הלאומי לחירשים נגד הרווארד ו-MIT

בשנת 2019, הגישה האיגוד הלאומי לחירשים (NAD) תביעה נגד אוניברסיטת הרווארד והמכון הטכנולוגי של מסצ'וסטס (MIT), שתי מכללות יוקרתיות, בטענה שהפרו את חוקי ה-ADA בכך שלא סיפקו כתוביות מקיפות לחומרי קורס מקוונים. ה-NAD טען כי היעדר כתוביות לחומרי קורס וידאו ואודיו מקשה על סטודנטים חירשים ללמוד ולהשלים את עבודות הקורס הנדרשות. 

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

5. דומינו'ס פיצה בע"מ נגד רובלס

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

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

6. הפדרציה הלאומית לעיוורים (NFB) נגד H&R Block

בשנת 2013, הגישה הפדרציה הלאומית לעיוורים תביעה נגד H&R Block, תוכנת הגשת דוחות מס פופולרית, בטענה לאפליה נגד אנשים עם מוגבלויות. הפדרציה הלאומית לעיוורים הגישה את התביעה בשם שני עיוורים בטענה ש-H&R Block לא ביצעה התאמות סבירות כדי להפוך את הפלטפורמה שלה לשימושית עבור עיוורים.

משרד המשפטים של ארצות הברית (DOJ) התערב בתביעה זו, וזו הייתה הפעם הראשונה שהסוכנות התערבה בתיק הנוגע לנגישות אפליקציות מובייל ודפי אינטרנט. H&R Block הגיעה מאוחר יותר לפשרה עם משרד המשפטים, והסכימה לעמוד בתקני WCAG 2.0 Level AA. החברה הסכימה גם למנות מתאם נגישות אתרים ולהכשיר את המפתחים והמעצבים שלה בנושא נגישות. שני התובעים קיבלו פיצוי אזרחי בסך 45,000 דולר, ו-H&R Block שילמה קנס אזרחי נפרד בסך 55,000 דולר.

שירותי נגישות אינטרנט 

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

דוגמאות לשירותי נגישות אינטרנט כוללים:

גוגל מגדלור

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

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

עיוור צבע 

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

גישה בנוואדה

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

בודק ניגודיות צבע A11y 

ניגודיות צבעים היא אחת מ-12 ההנחיות של WCAG. אתם זקוקים לניגודיות צבעים ברורה בין אלמנטים ברקע לאלמנטים בחזית כדי להפוך את אתר האינטרנט שלכם לקל לקריאה. A11y , פרויקט נגישות דיגיטלית המונע על ידי הקהילה, מספק בודק ניגודיות צבעים בחינם עבור דפי אינטרנט. כלי זה אומר לכם אם הניגודיות של דף האינטרנט שלכם תואמת את יחס 4.5:1 המומלץ ומציע דרכים לתקן את הדף במידת הצורך. 

סך הכל 11 שנים 

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

• זיהוי תמונות ללא תיאורי טקסט חלופיים.
• זיהוי טקסט קישור לא ברור.
• סימון שדות טופס ללא תוויות מתאימות.
• זיהוי שגיאות במבנה הכותרת של דף אינטרנט.
• תיוג טקסט עם הפרות ניגודיות צבעים (והצעת שילובי צבעים מתאימים ליצירת ניגודיות טובה).
• סמנו ציוני דרך ב-ARIA כדי לעזור לאנשים המשתמשים בטכנולוגיה מסייעת (AT) לנווט באתר שלכם. למי שלא מכיר, ARIA הוא ראשי תיבות של Accessible Rich Internet Applications, המתייחסים לתגי HTML שמעבירים את המאפיינים של רכיבי ממשק המשתמש של האתר שלכם לכלי AT.

ניתן להוריד את התוסף tota11y לכרום בחינם.

שולחן עבודה של SortSite 

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

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

גורמים שיש לקחת בחשבון בעת בחירת שירות נגישות אתרים 

אלו הם הגורמים הקריטיים שיש לבחון בעת בחירת שירות נגישות אתרים:

1. עלות

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

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

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

2. קלות שימוש

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

3. תמיכת לקוחות

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

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

4. יכולות בדיקה

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

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

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

5. דיווח

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

6. מומחיות משפטית

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

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

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

זיכויי מס נגישות 

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

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

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

מילות סיום

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

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