אתר נגיש הוא אתר שכל אחד יכול להשתמש בו: מי שלא רואה ומשתמש בתוכנה להקראת מסך, מי שלא משתמש בעכבר, מי שלא שומע, ומי שמתקשה בקריאה או בריכוז. בפועל זה אומר אתר שעומד בת"י 5568 ברמה AA. אפשר לנווט בו במקלדת, התוכן מובנה בכותרות, יש טקסט חלופי לתמונות, ניגודיות טובה, טפסים ברורים וכתוביות לסרטונים.
יש משפט שאני חוזר עליו הרבה: אתר נגיש באמת לא צריך תפריט נגישות. אם הטקסט גדל ל-200% בלי להישבר, אם יש ניגודיות טובה מההתחלה, ואם הכל עובד במקלדת, הגולש כבר מקבל את מה שהוא צריך. נגישות היא לא כפתור. היא האופן שבו האתר בנוי.
4 העקרונות של אתר נגיש
| עיקרון | מה זה אומר | דוגמה |
|---|---|---|
| ניתן לתפיסה | כל מידע מגיע גם למי שלא רואה או לא שומע | טקסט חלופי, כתוביות, ניגודיות |
| ניתן להפעלה | אפשר להפעיל הכל, גם בלי עכבר | מקלדת, פוקוס, זמן מספיק, בלי הבהובים |
| מובן | התוכן וההתנהגות צפויים וברורים | שפה פשוטה, הודעות שגיאה ברורות, ניווט עקבי |
| יציב | עובד עם טכנולוגיות מסייעות שונות | קוד תקין, שמות ותפקידים נכונים לרכיבים |
אלה ארבעת העקרונות של WCAG, ההנחיות הבינלאומיות שת"י 5568 מבוסס עליהן.
איך נראה אתר נגיש: רשימה מעשית
- כותרות לפי הסדר, שמאפשרות לקפוץ בין חלקי העמוד.
- טקסט חלופי לכל תמונה שמעבירה מידע. תמונה מעוצבת בלבד מסומנת כך שהתוכנה להקראת מסך תדלג עליה.
- בלי טקסט בתוך תמונות, כשאפשר לכתוב אותו כטקסט רגיל.
- ניגודיות של 4.5:1 לפחות בין טקסט לרקע.
- מידע שלא מועבר רק בצבע. "שדות חובה מסומנים באדום" לא מספיק.
- קישורים שאומרים לאן הם מובילים.
- ניווט מלא במקלדת, לפי סדר העמוד, עם פוקוס שרואים. בלי לשחק עם tabindex חיובי, שמשבש את הסדר.
- כתוביות לסרטונים.
- הגדלה ל-200% בלי שהעמוד נשבר.
רוצים לדעת כמה נגיש האתר שלכם?
נבדוק את האתר ידנית מול התקן, ונגיד לכם בדיוק מה חסר ואיך מתקנים.
השלבים לאתר נגיש
- אפיון. מה מטרת האתר, מי הקהל, ואילו תהליכים יש בו: טפסים, רכישה, אזור אישי. ככל שהתהליכים מורכבים יותר, צריך לתכנן יותר.
- פלטפורמה. במערכות פתוחות כמו WordPress אפשר להגיע לרמת נגישות גבוהה, כי יש שליטה מלאה בקוד. במערכות סגורות יש מגבלות, וכדאי לבדוק אותן מראש.
- עיצוב. ניגודיות, גדלים, מצבי פוקוס ומבנה כבר בשלב העיצוב, ולא כתיקון אחר כך.
- בדיקה ידנית. כלים אוטומטיים מוצאים רק חלק. בדיקה של אדם, עם מקלדת ותוכנה להקראת מסך, מוצאת את השאר.
- תחזוקה. הבדיקה נכונה ליום שבו נעשתה. כל תוכן ורכיב חדש צריכים לעמוד באותם כללים.
אם האתר כבר קיים ואתם רוצים לשפר אותו בהדרגה, כתבתי על כך במאמר שיפור נגישות האתר. ואם אתם רוצים לראות איך זה נראה בפועל, הנה אתר נגיש לדוגמה.
אין 100% נגישות
אני אומר את זה בכנות: אין אתר שמתאים בצורה מושלמת לכל אדם ולכל מוגבלות. יש מוגבלויות שהצרכים שלהן סותרים, ויש בעיות שאין להן פתרון טכני מלא. מה שכן יש: תקן ברור, ואתר שעומד בו. ולכן, בתהליך ההנגשה, לעולם אל תניחו הנחות על המשתמשים. בדקו.
שורה תחתונה
אתר נגיש הוא אתר שנבנה נכון: מבנה ברור, תוכן מובן, ועבודה מלאה במקלדת ועם טכנולוגיות מסייעות. וזה גם אתר טוב יותר לכולם, מהיר יותר להבנה ונוח יותר לשימוש. רוצים שהאתר שלכם יהיה כזה? כל הפרטים בעמוד שירות הנגשת אתרים.
שאלות נפוצות על אתר נגיש
מהו אתר נגיש?
אתר שכל אחד יכול להשתמש בו, כולל אנשים עם מוגבלות בראייה, בשמיעה, בתנועה או בהבנה. בישראל, אתר שעומד בת"י 5568 ברמה AA.
מה מאפיין אתר נגיש?
כותרות מסודרות, טקסט חלופי, ניגודיות טובה, מידע לא רק בצבע, קישורים ברורים, ניווט מלא במקלדת, כתוביות, והגדלה בלי שבירה.
אתר נגיש צריך תפריט נגישות?
לא בהכרח. אתר שבנוי נכון כבר נותן את מה שתפריט נגישות מנסה להוסיף. התפריט לא מחליף בנייה נכונה.
אפשר להגיע ל-100% נגישות?
לא באמת. יש צרכים שסותרים זה את זה. אבל אפשר ונדרש לעמוד בתקן, ולתת דרך חלופית כשמשהו לא נגיש.
מומחה להנגשת אתרי אינטרנט וקצין הגנת פרטיות מוסמך (DPO). מעל 9 שנות ניסיון בליווי ארגונים לעמידה בתקנות הנגישות, ת"י 5568 ובחוק הגנת הפרטיות.
חושבים שהאתר שלכם חשוף?
אל תישארו עם התחושה. שלחו כתובת אתר ונחזור אליכם עם תמונת מצב ראשונית, בלי התחייבות.