כללים לעיצוב אתר נגיש

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

מה החוק אומר?

כל אתר חדש או כל תוכן חדש שאתה מכניס לאתר קיים צריך להיות מונגש.

מה משמעות הדבר?

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

באיזה התאמות מדובר?

התאמות טכניות, עיצוב ותוכן.

איך מנגישים?

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

קישורים בולטים

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

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

http://achecker.ca/checker/index.php

משוב על חווית הגלישה

הזמן גם גולשים עם מוגבלויות לבדוק את האתר שלך ולמסור משוב על הנגישות שלו.

ניווט טוב

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

מה זה bread crumbs?

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

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

עקביות

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

עיצוב נקי

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

היררכיה ברורה

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

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

מרווחים

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

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