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