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

צעדים פשוטים להנגשת אתר וויקס פעולות עיקריות בהתאם לתקנות חדשות שהחלו באוקטובר 2020:

1. דירוגי הנגישות:

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

- דרגה A: מיועדת לאתרים שאינם ציבוריים, עם דרישות מוקלות יותר.

2. התאמות פלטפורמה:

- מערכת Wix תואמת לתקן הבינלאומי AA.

- במערכת WordPress ניתן למצוא תוספים שתומכים בכל הרמות.

3. מסמכים ותוכן דיגיטלי:

- מסמכים שנוצרו לפני 25 באוקטובר 2017 אינם חייבים בהנגשה אף אם מועלים לאתר כיום.

4. חובת הנגישות לאתרים חדשים:

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

5. פטורים לעסקים קטנים:

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

6. המוטיבציה מאחורי ההנגשה:

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

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

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

דירוג הנגשת אתר לפי סוג האתר

דרגה AA - דרגת החמרה הכי גבוהה, עבור אתרים ציבוריים שנותנים שירות ומידע לציבור

דרגה A - אתרים שאינם ציבוריים עם אפשרויות הקלה בדרישות

מערכות וויקס - WIX מותאמות לתקן בינלאומי AA

מערכות וורדפרס - WordPress אפשר למצוא תוספים לכל הרמות

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

אתר חדש חייב להיות נגיש מייד עם עלייתו

על כן אין לבנות אתר חדש על פלטפורמה שלא מאפשרת הנגשה

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

האם האתר שלכם פטור מנגישות?

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

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

3. פטור לעסקים קטנים עם מחזור עד 100,000 ש״ח: עסקים אלה פטורים לחלוטין מחובת הנגישות.

4. פטור לעסקים עם מחזור עד 300,000 ש״ח עד אוקטובר 2020: עסקים אלו היו פטורים מנגישות עד תאריך זה.

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

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

7. פטור מנגישות ברשתות חברתיות: פטור מנגישות במקרה שתשתית הרשת החברתית אינה תומכת בכך.

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

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

עיוורים ולקויי ראיה

לקויות שמיעה

לקויות מוטוריות

חולי אפילפסיה

יותר מ - 20% מהאוכלוסייה בישראל היא בעלת מוגבלויות

ככה רואה אדם שמוגבל ראייה ככה מרגיש אדם שגולש באינטרנט

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

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

מאפשר עבודה עם מקלדת וחיצים במקום להשתמש בעכבר

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

ישנם אתרים שיש להם Descript מאודיו לטקסט שבו כל מה שמצולם בווידאו ו/ או אודיו יש גם טקסט

מה עוד אנחנו צריכים להנגיש?

רשימת מסמכים ואתרים להנגשה

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

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

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

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

איגוד האינטרנט הישראלי

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

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

הנגשת אתרים - לעשות את זה נכון

דה מרקר

אתר נגיש - מחויבות חברתית ותבונה עסקית

תוספי נגישות

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

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

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

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

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

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

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

עיצובי

פונטים באתר

פונטים באתר מומלץ לכתוב את טקסט האתר בגודל 16 ומעלה ועדיף אפילו יותר מכן, לבחור בין 2-3 פונטים ברורים במיוחד בעברית כאן תוכלו למצוא פונטים בעברית חינמיים עבור האתר.

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

לשמור על אחידות הכותרות והפסקאות שיהיה קל להבדיל בין הכותרות והפסקאות

ניגודיות הטקסט באתר

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

תפריט ראשי - סרגל כלים

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

טקסטואלי ופקודות SEO

טקסט חלופי לכל התמונות באתר

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

Title (alt text) ולהוסיף תיאור התמונה (Description) מטרת הכתיבה שתוכנת ההנגשה מקריאה את הטקסט לבעלי מוגבלויות ראיה להוסיף את הטקסט לכל סוגי התמונות באתר

תמונות ווידאו בגלריות, תמונות רגילות, ותמונות רקע בסטריפ ,לוגו, ווקטורים

לינקים

לינקים לדפים אחרים ו/או לאתרים אחרים יש להדגיש בצבע שונה ועדיף גם בעיצוב שונה

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

היררכיה כותרות ופסקאות באתר

יש לשמור על היררכיה מתאימה מבחינת הטקסט באתר לתייג כל כותרת ראשית (H-1), כותרות משניות (H2-H6) ופסקאות (P)

טפסים להזרמת מידע ורישום

בטפסים לרישום שיש בהם יותר משדה אחד, יש להקפיד על העברת הטאבים במקלדת באופן רציף - משדה של *שם לשם *משפחה בהקשת TAB אחד וכד'

שדות חובה להוסיף לטקסט בשדה את הכוכבית (*)

לדאוג להדגיש הודעת שגיאה / דחייה או אי מילוי כל הפרטים

וידאו ואודיו

מבחינת חוק ההנגשה חובה לצרוב כתוביות לכל וידאו - וכדאי שיתווסף לו קובץ סאונד שחולץ מהווידאו

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

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

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

המסלול החינמי מאפשר לכם לתמלל את הווידאו בעברית ולשתף אולם לא מאפשר להוריד את הקובץ למחשב שלכם, על מנת שתוכלו להוריד את הקובץ בסיומות: srt, docx, mp4 או להוריד את הסרט כבר צרוב. לאחר שיש לכם את הקובץ ניתן להעלות ליוטיוב, אתר ולכל מקום שאתם מעלים את הסרטון וידאו.

הוספת עוגנים

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

תוכלו לבדוק נגישות באתר שלכם ע"י תוסף של כרום

הפעלת הנגישות במערכת וויקס

עליכם להיכנס לתפריט של וויקס - Settings - Accessibility ולהפעיל את שלושת הכפתורים בתפריט

הפעלת נגישות בוויקס

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

קורס באנגלית : שפרו את הידע שלך על נגישות באינטרנט על-ידי לימוד WCAG באמצעות דוגמאות מעשיות 👇🏽

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

נשארו לכם שאלות פתוחות ? תרגישו חופשי לשאול

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

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