ה׳ - הנגשת אתרים (א׳-ב׳ בעיצוב ומיתוג)

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

בכל פוסט אני נוגעת בנושא אחר מתוך ה-א׳-ב׳.

היום - הנגשת אתרים.

הייתה לי התלבטות אם לאות ה׳ לבחור הנגשת אתרים או היררכיה...

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

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

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

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

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

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

לכן באתר נגיש יש לשמור על היררכיה בין הכותרות, כל כותרת צריכה להיות מוגדרת בדרגת החשיבות המתאימה - ראשית, משנית וכו׳ (H1,‏ H2,‏ H3).

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

סרגל נגישות

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

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

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

להנגשת אתר כלל לא דרושה התקנת סרגל נגישות.

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

מה עוד?

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

• ניגודיות צבעים - חשוב לשמור על ניגודיות צבעים (קונטרסט) גבוהה.

• לינקים - לתת טקסט ברור ומתאר ללינקים (לא ״לחץ כאן״) כדי שתוכנת ההקראה תוכל להבין לאן הם מובילים.

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

• טפסים - לכל שדה בטופס צריכה להיות תווית ברורה כדי שתוכנת ההקראה תזהה אותו.

• ניווט במקלדת - יש לוודא שכל האלמנטים האינטראקטיביים נגישים גם באמצעות מקלדת בלבד.

איך לבדוק נגישות של האתר?

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

ב Wix ישנה מערכות פנימית - Accessibility Wizard - שבוחנת את הנגישות של כל אלמנט ונותנת סקירה מלאה של האתר. 

מה הכי חשוב?

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

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

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

האם כל עסק חייב להנגיש את האתר?

לא. רק עסקים עם מחזור שנתי מעל 100,000 ש״ח.

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

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

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