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

25 באוקטובר 2021

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

USERWAY תוסף הנגשה

המלצה שלנו לתוסף הנגשה:  USERWAY !

להתקנת התוסף, הכנסו לקישור: 
www.userway.org


בחרו את החבילה - חינמי או בתשלום, תקבלו קוד להטמעה באתר - הטמיעו את הקוד, והתוסף מוכן לעבודה.
הגרסה החינמית מספקת עד 35% כיסוי לנגישות.
הגרסה המלאה, נותנת כיסוי עד 95% לנגישות! מומלץ מאד!

לגרסה בתשלום, הזינו קוד קופון: ICSV0MJJ  וקבלו 5% הנחה!


באתר שלנו, מותקן תוסף ההנגשה בגרסתו המלאה.

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


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

אז זהו... שלא!


התקן הישראלי לנגישות 5568 מבוסס על התקן הבינלאומי 
Web Content Accessibility Guidelines 2.0 של גוף התקינה הבין-לאומי W3C World Wide Web Consortium.

תרגום לעברית ניתן לקרוא כאן: המלצות להנגשת תכני אתרי אינטרנט 2.0 (WCAG)


קיימות 3 רמות להנגשת אתרים: A, AA, AAA

אתייחס לרמה AA - הנפוצה ביותר.

רמה AAA - מחמירה, ומיועדת למוסדות ממשלתיים, רשויות, חברות גדולות, מכללות ואוניברסיטאות וכ"ד.

נצלול לפרטים ונכיר לעומק:


מי הם אותם אנשים בעלי מוגבלות?

ההערכה מדברת על 22% מהאזרחים בישראל שמוגדרים כבעלי מוגבלות וקושי.

הם נחלקים ל-5 תחומי מוגבלות/נכות, והם:

  1. ראיה - עיוורים, עיוורי צבעים, כבדי ראיה.
    גולשים באמצעות מסך ברייל, מגדילי מסך ותוסף NVDA לשינויי גוונים.
  2. שמיעה - חירשים וכבדי שמיעה.
  3. נכים פיזית - נכים עם קושי בתנועה ועד למשותקים חלקית/מלא.
    גולשים באמצעות קורא תנועות עיניים ו/או מקלדת מיוחדת עם שני מקשים (או יותר) המדמים לחצני TAB ו-ENTER
  4. קוגנטיבי - גולשים באתרים, לעיתים באיטיות יותר מאחרים, שפה מתחכמת או התניות באתר - מקשים עליהם את הנגישות לתוכן.
  5. נוירולוגי - אפילפסיה וכ"ד, הבהובים וריצודים עלולים לעורר תגובה אפילפטית ועל כן יש לאפשר הפסקת ריצודים/הבהובים.


מי חייב להנגיש את אתר האינטרנט?

קובץ תקנות שפרסם משרד המשפטים, פורסם ב 26.10.2017, והחוק והתקנות תקפים ממועד זה.

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

נתמצת ונפשט:

עסקים עם מחזור שנתי של מעל 100,000 ש"ח ושאתר האינטרנט נבנה לאחר 26.10.2017 - מחוייבים בהנגשת האתר.

עסקים עם מחזור שנתי של מעל 1,000,000 ש"ח ושאתר האינטרנט נבנה לפני 26.10.2017 - מחוייבים בהנגשת האתר.

מי לא חייב להנגיש?

עסקים עם מחזור עסקי נמוך מ 100,000 ש"ח לשנה. (עוסק פטור)

אתרים שאינם משמשים עבור עסק. לדוגמא: אתר צילומים של חובב צילום.


איך מנגישים אתרי אינטרנט?

משרד המשפטים פרסום את ההנחיות להנגשת אתרים - "קווים מנחים לנגישות אתרים, תקן ישראלי 5568-1".  (קישור להורדה - לחצו כאן)

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

בין היתר, יש דגש על:

  • כתיבת קוד תקני באתר
  • הפרדת CSS מקבצי HTML
  • שימוש בגוונים עם יחס קונטרסט בין הטקסט לרקע מעל ל 4:1
  • טקסט ברור וקריא, תוכן בשפה תקינה, ברורה וקריאה.
  • שמירה על מבנה אחיד בעמודי האתר.
  • אפשרות לגלישה באתר באמצעות מקשי TAB ו-ENTER בלבד.
  • אפשרות לעצירה של תוכן נגלל.
  • אפשרות להגדיל את הפונטים באתר ללא איבוד תוכן ועיצוב.
  • שמירה על היררכיית כותרות H1, H2, H3 וכ"ד.
  • סימון קישורים בגוון שונה / בולט.
  • מתן שמות לתמונות ולקבצים גרפיים / תאור התמונה.  (פקודת ALT. מומלץ להוסיף גם TITLE)
  • התאמת META TAG לכל עמוד, ובמיוחד - Meta Description מותאם לכל עמוד לתוכן שלו.
  • חלופה טקסטואלית לקבצי קול / וידאו

ועוד ועוד...


סה"כ התקנות מכילות 40-44 סעיפים שיש לוודא שהם מיושמים באתר.

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


הצהרת נגישות

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

בעמוד זה יש לפרט:

  1. אילו פעולות ננקטו באתר ע"מ שיהיה נגיש.
  2. קישור ופרטים ליצירת קשר עם נאמן נגישות או אחראי נגישות בעסק.
  3. לציין אם יש תכנים שאינם מונגשים - מהם.
  4. לציין אם בית העסק עצמו נגיש.


תכנים שיש קושי להנגיש

קיימים תכנים שיש קושי להנגישם, לדוגמא:

סרטי וידאו - צריך להוסיף חלופה טקסטואלית בטקסט "חי" וקריא.

סרט וידאו שהכתוביות מוטמעות בגוף הסרט - אינו נגיש.

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

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

ועוד ועוד...


הערה:

סעיף 35 ד' לחוק קובע כי "חייב בהנגשת תוכני וידאו" - רשות ציבורית או עסק שהמחזור הממוצע שלו עולה על 5,000,000 ש"ח בשנה.


ענישה? קנסות?  מה יקרה אם לא אנגיש את האתר?

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

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


אבל... יש התניות.

לפני הגשת תביעה לבית המשפט, יש לתת לבעל האתר / בעל העסק 60 יום התראה מראש - פרק זמן סביר לתיקון הליקויים.

אם לאחר 60 יום לא תוקנו הליקויים, ניתן להגיש תביעה ללא הוכחת נזק.


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

האחריות על נגישות האתר, בדומה לאחריות על נגישות בית העסק - באחריות בעל העסק / בעל האתר בלבד.


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




שאלות? הערות או הארות?

מוזמנים ליצור קשר.

צ'ק ליסט לאתר אינטרנט מוצלח
מאת Gil Dor 31 במרץ 2025
רשימת צ'ק ליסט לאתר אינטרנט מוצלח. אם אתם לקראת בניית אתר או שיש לכם, תקראו את המאמר ותיישמו את ההמלצות.
פינוי מקום בדיסק המחשב
23 במרץ 2025
למי מאיתנו זה לא קרה?
Schema היא מערכת של תגיות HTML מיוחדות, שנועדה לעזור למנועי חיפוש להבין טוב יותר את התוכן שבאתר. התג
2 במרץ 2025
Schema היא מערכת של תגיות HTML מיוחדות, שנועדה לעזור למנועי חיפוש להבין טוב יותר את התוכן שבאתר. התגיות הללו מספקות מידע נוסף על האלמנטים השונים בעמוד, ומאפשרות להציגם בצורה עשירה ומושכת יותר בתוצאות החיפוש
איך מפנים מקום בג'ימייל?
מאת Gil Dor 29 בדצמבר 2024
איך אפשר לפנות שטח אחסון וקבצים מגוגל? האם רק לרכוש בתשלום נפח אחסון זה הפתרון היחיד?
הגדרות ל-GMAIL דומיין / DNS
מאת Gil Dor 10 בדצמבר 2024
איך מגדירים את הדומיין (רשומות DNS) כדי שאפשר יהיה לעבוד עם GMAIL עסקי ממותג?
יש לכם אתר ואתם רוצים להנגיש אותו?  אלו האלמנטים והנקודות החשובות שצריך לעשות כדי שהאתר יהיה נגיש.
מאת Gil Dor 6 בדצמבר 2024
יש לכם אתר ואתם רוצים להנגיש אותו? אלו האלמנטים והנקודות החשובות שצריך לעשות כדי שהאתר יהיה נגיש.
איזו מערכת ניהול הטובה ביותר?  וורדפרס? אולי WIX או DUDA?
ומה זה WebWeCan?
מאת Gil Dor 17 באפריל 2024
איזו מערכת ניהול הטובה ביותר? וורדפרס? אולי WIX או DUDA? ומה זה WebWeCan? קיימות עשרות (מאות) מערכות לניהול אתרים, איזו מהן מתאימה לך? מהן היתרונות או החסרונות?
דגשים לבעלי אתרי וורדפרס
מאת Gil Dor 1 בינואר 2024
אתר וורדפרס - על מה לשים לב? מהן החולשות?ממה להזהר? מהם הדגשים?
בניית אתר אינטרנט בוורפרס
24 בפברואר 2021
בניית אתר אינטרנט בוורדפרס על מה לשים לב? מה לשאול את המתכנת? ומה צפוי בהמשך? והאם זו המערכת הטובה ביותר לקידום (SEO) אורגני? ריכוז שאלות חשובות שצריך לשאול ולדעת, לפני שבונים אתר בוורדפרס - כדי שלא תופתעו בהמשך...
פריצה לוואצאפ - הזהרו ושמרו על הוואצאפ שלכם
מאת Gil Dor 28 בנובמבר 2020
פריצה לוואצאפ - הזהרו ושמרו על הוואצאפ שלכם
קרא פוסטים נוספים