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

עודכן ב: אפר 6



חודש אוקטובר היה חודש משמעותי עבור רבים

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

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

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

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

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

  • הפעלת רכיבי נגישות בעורך

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

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

יראו את המיקום הנוכחי שלהם על המסך.

לצפייה בסרטון הדרכה

  • הוספת ושינוי תגי כותרת בעורך Wix

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

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

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

נוכל לעשות זאת בשתי דרכים:

  • הגדרות מוכנות מראש

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

לצפייה בסרטון הדרכה

  • הוספת Alt טקסט ורֶמֶז־צָץ לתמונה

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

רֶמֶז־צָץ (באנגלית: tooltip או infotip)

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

עֵצָה: טקסט alt צריך להיות קצר תיאורי. מומלץ להשתמש בפחות מ -70 תווים. לצפייה בסרטון הדרכה

  • התאמת צבעוניות

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

באתר webaim נקליד את ערכי צבע הטקסט + ערכי צבע הרקע = נקבל את רמת הניגודיות בין צבע הרקע לצבע הטקסט (תוצאות רמת הנגישות צבעים).

(תוצאה אידאלית היא רמת נגישות AAA )



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

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

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

בקרוב - סרטון הדרכה בנושא צבעים

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


ניתן לקרוא כאן פוסטים נוספים בבלוג בנושא נגישות אתרים.

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


​יש לכם שאלות?

מוזמנים לצור קשר ממש כאן

#נגישותאתרים #מדריכים #אתרנגיש #וויקס

  • Facebook - Black Circle
  • YouTube - Black Circle