ווב ופרונטאנד · מעורב

נגישות: המינימום שאסור לוותר עליו

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

ארבעה דברים שמכסים את הרוב

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

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

מקלדת. עברו על כל המסלול עם Tab בלבד. אם אי אפשר לסגור חלון קופץ או להגיע לכפתור, זה חוסם.

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

מה בודקים ואיך

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

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

למה זה משתלם גם עסקית

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

לעומק

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