מילה טובההצהרת נגישות
חשוב לנו שכל אחד יוכל להבין מה מילה טובה עושה ולהצטרף לרשימת ההמתנה, גם בלי עכבר, עם קורא מסך, בהגדלה או בטלפון. ההצהרה נכתבה לפי תקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע"ג-2013, תקנה 35.
רמת הנגישות
האתר נבנה לפי התקן הישראלי ת"י 5568, המבוסס על הנחיות WCAG, ברמה AA. היעד שלנו הוא WCAG 2.2 ברמה AA בכל עמודי האתר, כולל הבלוג. לא השתמשנו בתוסף או ב"סרגל נגישות" של צד שלישי: ההתאמות בנויות בקוד של העמודים עצמם.
מה הותאם
- כל העמודים בעברית ומוגדרים מימין לשמאל (lang="he" dir="rtl"). מונחים באנגלית מסומנים כך שקורא המסך יקריא אותם נכון.
- קישור "דילוג לתוכן הראשי" הוא הרכיב הראשון בכל עמוד, ומופיע כשמגיעים אליו במקלדת.
- אזורי עמוד מסומנים (כותרת, ניווט, תוכן ראשי, תחתית), כותרת ראשית אחת בכל עמוד ומבנה כותרות לפי הסדר.
- ניווט מלא במקלדת: כל קישור, כפתור, שאלה בשאלות הנפוצות ושדה בטופס נגישים ב-Tab, עם מסגרת פוקוס בולטת.
- ניגודיות של 4.5:1 לפחות בין טקסט לרקע, ו-3:1 לפחות ברכיבים גרפיים. צבע הוא אף פעם לא הדרך היחידה להעביר מידע: לכל סוג כרטיס יש גם שם כתוב.
- ההדגמה החיה של השיחה: אפשר להשהות ולהמשיך אותה בכל רגע, לחזור להתחלה או לקפוץ לכל כרטיס בכפתור. כל כרטיס חדש מוקרא לקוראי מסך באזור הודעות (aria-live). ההדגמה נעצרת כשעוברים ללשונית אחרת, ואינה חוזרת על עצמה.
- מי שהגדיר במערכת ההפעלה "הפחתת תנועה" מקבל את האתר בלי אנימציות, וההדגמה לא מתחילה מעצמה.
- הדמיות המסך של המוצר מתוארות בטקסט חלופי, ותמונות קישוטיות מסומנות כך שקורא המסך מדלג עליהן.
- בטופס יש תווית גלויה לכל שדה, הסבר מה חובה ולמה, הודעת שגיאה כתובה ליד כל שדה שצריך לתקן, והפוקוס עובר לשדה הראשון שצריך תיקון. השדות מסומנים להשלמה אוטומטית.
- האתר עובד ברוחב 320 פיקסלים ובהגדלה של 200% בלי גלילה לרוחב ובלי לאבד תוכן.
- במאמרים: כותרות לפי הסדר, פירורי לחם, טבלאות עם כותרות עמודה, שאלות נפוצות שנפתחות במקלדת, וקישורים שהטקסט שלהם אומר לאן הם מובילים.
- הגופנים נטענים מהאתר עצמו, כך שהטקסט מופיע מיד גם בחיבור איטי.
איך בדקנו
- מעבר מלא במקלדת בדף הבית, בטופס ובשאלות הנפוצות.
- מדידת ניגודיות לכל צירוף של צבע טקסט ורקע.
- בדיקה אוטומטית בדפדפן (Chromium) ברוחב 1440, 768, 390 ו-320 פיקסלים, כולל מצב "הפחתת תנועה".
- צילומי מסך של כל עמודי האתר והבלוג ברוחב 390 ו-1440 פיקסלים, ובדיקה שאין גלילה לרוחב ושכל הקישורים הפנימיים תקינים.
מגבלות ידועות
- ההדגמה החיה מתחילה לפעול לבד כשמגיעים אליה בגלילה (אלא אם הוגדרה הפחתת תנועה). כפתור "השהיה" נמצא מתחת לה.
- הדמיות המסך של המוצר הן איור אחד עם תיאור, ולא רכיבים שאפשר להפעיל. כל המידע שבהן מופיע גם בטקסט שלידן.
- האתר עוד לא נבדק עם קוראי מסך (NVDA, VoiceOver) ולא על ידי מורשה נגישות. נשמח לשמוע מכם.
- ההצהרה מתייחסת לאתר. האפליקציה של מילה טובה עצמה נמצאת בפיתוח, ותקבל הצהרת נגישות משלה לפני ההשקה.
פנייה בנושא נגישות
נתקלתם בבעיה, או שחסרה לכם התאמה? נשמח לשמוע ולתקן.
- רכז הנגישות: יוסי היינה
- דוא"ל: yossiheine.biz@gmail.com
נשיב תוך 5 ימי עבודה. כדאי לציין בפנייה באיזה עמוד הייתה הבעיה, מה ניסיתם לעשות, ובאיזה דפדפן או טכנולוגיה מסייעת השתמשתם.