איך מנגישים אתר אינטרנט לבעלי מוגבלויות ?



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

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

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

החוק בישראל מחייב

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

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

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


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


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


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

ולכן יש צורך [או חובה בחוק] רק להתאים את האתר לשימוש באביזרים אלה.

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


אבל .... אני מצרפת אזהרה - לעיתים גורם הסרגל לבעיות מוזרות בתפקוד האתר.


איך נדע אם האתר שלנו נגיש?

באמצעות ניסוי פשוט נוכל לדעת לבטח אם האתר לשנו מונגש או לא מונגש לבעלי מוגבלות - - לחיצה על מקשי החיצים או על מקשי ה- Tab וה- Tab + Shift.- באתר.


מה צריך לעשות כדי להנגיש את האתר לבעלי מוגבלות?

הצעד הראשון המתחייב הוא בדיקת האתר.

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

הכנת הטקסט והגרפיקה

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

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

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

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

הכנת תמונות וסרטונים

חובה להוסיף לכל תמונה באתר תיאור, כדי לסייע ללקויי ראייה להבין מה מתואר בתמונה. את תיאור התמונות מוסיפים ב- Alt text.

במאמר מה זה אלט טקסט ולמה זה חשוב? אני מפרטת בהרחבה בנושא.

נוכל גם לבדוק אם התמונה עוצבה בניגודיות טובה בחינם באתר Brand Wood

הכנת הטקסט

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


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


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


פונטים קריאים הם פונטים חלקים ומרובעים, המקלים על הקריאה. כדאי מאד להשתמש בפונטים בגודל של 15PX- 20 PX [תלוי בסוג הפונט] הניתנים להגדלה.

כדאי להשתמש בגוונים כהים [שחור, כחול] ולא בצבעים שהקריאה שלהם בעייתית.


בעברית אני ממליצה מאד על פונטים מסוג: Almoni, או Assistent, וגם על Alef.


את איכות הנגישות של הטקסט (עד כמה הוא קריא) ניתן לבדוק חינם באמצעות אתר Juucy Studio

עיצוב המבנה – הטיפוגרפיה

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

חשוב להקפיד על עריכה נכונה של כל עמוד. הגדרה של כותרת האתר (Site title), כותרות העמודים (Title) + תיאור התוכן, הגדרת הכותרת הראשיות (h1), כותרות המשנה ( - h6 - h2) והפסקאות (p3 – p1).

ניווט באמצעות מקלדת

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


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

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

איפה מוצאים את התקנות?

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

הדרכה מקוונת לביצוע נגישות והטמעת הסרגל


קוד הטמעת סרגל הנגישות באתר:

*ושוב מזהירה - לעיתים הסרגל יוצר בעיות שונות ומשונות באתר, ולכן לא מומלץ [וגם אין כל צורך] להטמיע אותו באתר.

.<script src="https://code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>   <script src="https://www.negishim.com/accessibility/accessibility_pro_group255.js" type="text/javascript"></script> <script type="text/javascript">     accessibility_rtl = true;     pixel_from_side = 20;     pixel_from_start = 20; </script>
381 צפיות
  • Instagram  - טווה מילים
  • YouTube  - טווה מילים
  • Facebook טווה מילים

לקבלת הצעת מחיר מדוייקת

תודה על פנייתך אחזור אלייך בימים א' - ה' מהשעה 9:00 עד 18:00

טווה מילים בונה אתרים שבונים עסקים

פתוח: א' - ה' מהשעה 9:00 עד 18:00 

כל הזכויות שמורות לדפנה לוי ©

 מודיעין מכבים רעות עמק האלה 255