איך להנגיש אתר אינטרנט - מדריך מעשי מלא

שלב 1: בדיקת מצב (Audit)

לפני שמתקנים צריך לדעת מה שבור. שלבו שני סוגי בדיקה:

• בדיקה אוטומטית - כלים סורקים את הקוד ומזהים בעיות כמו חוסר טקסט חלופי, ניגודיות נמוכה או תוויות חסרות. כלים אוטומטיים מזהים בערך 30-40% מהבעיות.
• בדיקה ידנית - בודק אנושי מתפעל את האתר במקלדת בלבד ובקורא מסך (כמו NVDA), ובודק היגיון, הקשר ושימושיות שכלי אוטומטי לא תופס.

הרחבה: בדיקת נגישות - ידנית מול אוטומטית.

שלב 2: תיקון המבנה והקוד

הבסיס של אתר נגיש הוא קוד תקין ומבנה הגיוני:

• היררכיית כותרות - שימוש נכון ב-H1 עד H6 לפי משמעות, לא לפי גודל. מבנה סמנטי.
• ניווט מקלדת - כל פעולה אפשרית גם בלי עכבר, עם סדר טאב הגיוני ופוקוס נראה. נגישות מקלדת.
• landmarks - שימוש בתגיות סמנטיות (header, nav, main, footer) ו-skip-link לדילוג לתוכן.

שלב 3: תיקון תוכן, צבע ומדיה

• טקסט חלופי לכל תמונה משמעותית; תמונות דקורטיביות מקבלות alt ריק. איך כותבים alt.
• ניגודיות צבעים - לפחות 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול. ניגודיות.
• טפסים נגישים - כל שדה עם תווית, הודעות שגיאה ברורות. טפסים.
• מדיה - כתוביות לווידאו, תמלול לאודיו, ותיאור קולי בעת הצורך. נגישות וידאו.
• ARIA - רק במקומות שבהם HTML סמנטי לא מספיק. שימוש נכון ב-ARIA.

שלב 4: בדיקה חוזרת

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

שלב 5: הצהרת נגישות ותחזוקה

בסיום מפרסמים הצהרת נגישות המתארת את מצב הנגישות, התקן (ת"י 5568 ברמה AA), חריגים ידועים ופרטי רכז נגישות. וחשוב לא פחות - תחזוקה: כל פוסט חדש, תמונה או רכיב עלולים לשבור את הנגישות, ולכן צריך ניטור שוטף. ניטור מתמשך.

מאיפה כדאי להתחיל?

אם המשאבים מוגבלים, תעדפו לפי השפעה: קודם ניווט מקלדת ומבנה כותרות (חוסמים שלמים), אחר כך ניגודיות וטקסט חלופי, ואז טפסים ומדיה. השתמשו בצ'ק-ליסט הנגישות כדי לעקוב.