🔟 10 שלבים עיקריים להנגשת אתר אינטרנט:
1. אבחון ראשוני
ביצוע סריקה אוטומטית עם כלים כמו WAVE, axe או Google Lighthouse.
בדיקה ידנית – ניווט עם מקלדת בלבד, בדיקה עם קורא מסך (NVDA/JAWS).
איתור בעיות כגון: ניגודיות צבעים, אלמנטים לא נגישים, חוסר בתיאור לתמונות.
2. הגדרת מטרות ותקנים
קביעת רמת הנגשה: לרוב WCAG 2.1 או 2.2 ברמה AA.
בישראל יש חובה לעמוד גם בתקן IS 5568.
הגדרת לוחות זמנים, תקציב ומי אחראי על כל שלב (מפתח, מעצב, תוכן).
3. מיפוי האתר
זיהוי כל רכיבי האתר: תפריטים, טפסים, תמונות, ווידאו, טבלאות, קישורים.
הבחנה בין עמודים סטטיים ודינמיים.
איתור רכיבים חוזרים שדורשים תיקון רוחבי (למשל: כפתור לא נגיש שמופיע בכל עמוד).
4. שיפור קוד HTML ו־CSS
הוספת תגיות
altלתמונות.שימוש בכותרות היררכיות (
<h1>עד<h6>).שיפור תיוג טפסים (
<label>), תיאור כפתורים, קישורים מובנים (לא "לחץ כאן").תוספת של ARIA roles במידת הצורך.
5. הנגשת עיצוב (UI/UX)
שמירה על ניגודיות גבוהה בין טקסט לרקע (לפחות 4.5:1).
אפשרות להגדלת טקסט.
עיצוב ניווט נגיש במקלדת, סימון פוקוס ברור.
הימנעות מהסתמכות בלעדית על צבע כדי להעביר מידע.
6. הנגשת ניווט ותפריטים
הקפדה על כך שכל הרכיבים באתר יהיו נגישים ב־Tab ו־Shift+Tab.
כפתורי "דלג לתוכן הראשי".
הוספת קישורי עזר לניווט נוח בעזרת מקלדת או קורא מסך.
7. הנגשת תוכן ומדיה
כתוביות לכל סרטון וידאו.
תמלול קבצי אודיו.
PDF ו־Word מונגשים עם תגיות ומבנה ברור.
שימוש בשפה פשוטה, כותרות תמציתיות ותוכן קריא.
8. הוספת הצהרת נגישות
עמוד באתר עם פירוט של:
מה הונגש
מה עדיין בתהליך
פרטי רכז נגישות ליצירת קשר
תאריך עדכון אחרון
9. בדיקות סופיות
בדיקות אוטומטיות חוזרות לאחר יישום כל התיקונים.
בדיקות ידניות מחדש, כולל קורא מסך.
עדיפות לבדיקה עם גולשים בעלי מוגבלות.
10. תחזוקה שוטפת
בדיקה תקופתית של עדכונים ותוספים.
הדרכת צוותי תוכן ופיתוח.
בדיקה של תכנים חדשים (בלוגים, עמודים, מוצרים) בהתאם לנגישות.
🛠 כלים שימושיים בתהליך:
NVDA – קורא מסך חינמי
📝 טיפים חשובים:
התחילו בקטן – קודם תפריטים, טפסים, כותרות.
אל תסמכו רק על תוספים – יש דברים שתוסף לא פותר (כמו ניווט מקלדת).
משלבים אוטומציה + בדיקה אנושית – שילוב מנצח.
אם אין לכם ידע טכני – אפשר להיעזר בחברות כמו AccessiBe, נגיש בקליק, או מומחי נגישות פרטיים.