הנגשת אתר לעיוורים מתחילה בהבנה אחת: משתמש עיוור לא רואה את העמוד. הוא שומע אותו, רכיב אחרי רכיב, דרך קורא מסך, ומנווט במקלדת או במחוות מגע. כל מה שמובן רק מהעין, כמו צבע, מיקום או תמונה בלי תיאור, פשוט לא קיים בשבילו. אלה 7 הדברים שאני בודק ראשונים כשאני בודק אתר עבור משתמשים עיוורים.
הנגשת אתר לעיוורים: 7 בדיקות שעושים קודם
1. כותרות שמשקפות את מבנה העמוד
משתמשי קורא מסך קופצים בין כותרות כדי לסרוק עמוד, כמו שאתם מעיפים מבט. עמוד בלי H2 ו-H3 אמיתיים הוא גוש אחד ארוך.
2. טקסט חלופי לכל תמונה שמעבירה מידע
תמונה של מוצר, גרף או באנר עם מבצע מקבלים תיאור. תמונה דקורטיבית מקבלת alt ריק, כדי שקורא המסך ידלג עליה.
3. קישורים שמובנים גם לבד
קורא מסך יכול להציג רשימה של כל הקישורים בעמוד. רשימה של 12 פעמים "קרא עוד" לא אומרת כלום.
4. טפסים עם תוויות והודעות שגיאה
כל שדה צריך תווית שקורא המסך מקריא. כשיש שגיאה, ההודעה צריכה להיות מוקראת ולהסביר מה לתקן. לא מספיק לצבוע את השדה באדום.
5. הכל עובד במקלדת
תפריטים, חלונות קופצים, אקורדיונים וכפתורי סגירה. אם משהו מגיב רק לעכבר, משתמש עיוור לא יגיע אליו.
6. בלי הפתעות
קישור שנפתח בחלון חדש בלי הודעה, או קרוסלה שזזה לבד, גורמים למשתמש לאבד את המקום שלו. אם קישור נפתח בחלון חדש, מציינים את זה בטקסט.
7. בדיקה עם קורא מסך אמיתי
שום רשימה לא מחליפה 10 דקות עם NVDA או VoiceOver, ועם מסך כבוי. על הכלים עצמם, ראו תוכנה להקראת מסך.
רוצים לשמוע איך האתר שלכם נשמע?
נבדוק אותו עם קורא מסך ונראה לכם איפה משתמשים נתקעים.
למה תוסף לא פותר את זה
תוסף נגישות משנה את מה שרואים: צבעים, גודל, ריווח. משתמש עיוור לא משתמש בתפריט התוסף. הוא נשען על הקוד שמתחת. ועל המכשירים והתוכנות שמשתמשים עיוורים עובדים איתם, ראו טכנולוגיות מסייעות לעיוורים. אנחנו בודקים עם קורא מסך ומתקנים בקוד. פרטים בעמוד הנגשת אתרים.
שאלות נפוצות על הנגשת אתר לעיוורים
מה הדבר הראשון שבודקים באתר עבור משתמשים עיוורים?
את מבנה הכותרות, כי בעזרתו סורקים את העמוד.
למה "קרא עוד" הוא בעיה למשתמש עיוור?
כי קורא מסך מציג את הקישורים כרשימה, ו"קרא עוד" שחוזר 12 פעמים לא אומר לאן כל קישור מוביל.
איך משתמש עיוור יודע שיש שגיאה בטופס?
רק אם הודעת השגיאה מוקראת ומסבירה מה לתקן.
תמונה דקורטיבית צריכה טקסט חלופי?
היא צריכה alt ריק, כדי שקורא המסך ידלג עליה.
למה תפריט של תוסף נגישות לא עוזר לעיוורים?
כי הוא משנה את התצוגה, ומשתמש עיוור נשען על הקוד.
מומחה להנגשת אתרי אינטרנט וקצין הגנת פרטיות מוסמך (DPO). מעל 9 שנות ניסיון בליווי ארגונים לעמידה בתקנות הנגישות, ת"י 5568 ובחוק הגנת הפרטיות.
חושבים שהאתר שלכם חשוף?
אל תישארו עם התחושה. שלחו כתובת אתר ונחזור אליכם עם תמונת מצב ראשונית, בלי התחייבות.