הנגשת אתרים

05 אוגוסט 2018

הנגשת אתרים
איך יוצרים חוויית גלישה נגישה ונוחה לכולם

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

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

אנשים עם עיוורון, לקות ראייה או עיוורון צבעים.

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

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

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

גם אנשים מבוגרים, משתמשים הגולשים בתנאי תאורה לא נוחים או מי שסובל ממגבלה זמנית יכולים ליהנות מאתר ברור ונגיש יותר.

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

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

בפועל, אתר נגיש צריך להתייחס בין היתר לנושאים הבאים:

ניווט באמצעות מקלדת

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

מבנה תוכן ברור

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

טקסט חלופי לתמונות

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

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

ניגודיות וקריאות

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

טפסים נגישים

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

סרטונים ותוכן קולי

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

קישורים וכפתורים ברורים

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

האם תוסף נגישות מספיק?

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

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

כיצד מתבצע תהליך הנגשת אתר?

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

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

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

הנגשת אתרי WordPress

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

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