איך תנגישו את האתר שלכם בקלות ובחינם

עודכן ב: ינו 4



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

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

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

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

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


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

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


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

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


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



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


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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

הכנת הטקסט

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


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


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

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


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


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

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

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

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

חלק מהגולשים המוגבלים ישתמשו במקשי המקלדת, ולא בעכבר, כדי לגלוש באתר. על כן חובה להפעיל נגישות מקלדת, ולוודא כי ניתן לנווט באתר באמצעות מקשי החיצים, מקשי ה- 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>
הדרכה מקוונת לביצוע נגישות והטמעת הסרגל


152 צפיות
  • Instagram  - טווה מילים
  • YouTube  - טווה מילים
  • Facebook טווה מילים

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

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

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

arrow&amp;v

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

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

gtag('set', {'user_id': 'USER_ID'}); // Set the user ID using signed-in user_id.