דילוג לתוכן הראשי
פשוט נגישות

צ'קליסט נגישות בעברית לפי ת"י 5568

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

נבדק מול המקורות:

בקצרה

  • הבסיס: WCAG 2.0 ברמה AA, עם ארבעה שינויים ישראליים.
  • 2.4.10 (כותרות מקטעים) נדרש בישראל, למרות שב-WCAG הוא AAA.
  • 1.2.4 ו-1.2.5 לא נדרשים בישראל, ו-3.1.2 לא חל.
  • בדיקה אוטומטית לא מחליפה בדיקה ידנית עם מקלדת וקורא מסך.

שלב 1: מה בודקים אוטומטית

את אלה כדאי להריץ על כל דף בכלי אוטומטי (כמו הבודק שלנו, שמבוסס על axe-core), ולתקן לפני שממשיכים:

  • שפה וכיוון: lang="he" ו-dir="rtl" בתגית html (3.1.1).
  • כותרת לכל דף (2.4.2).
  • טקסט חלופי לתמונות, ולוגו-קישור עם שם (1.1.1).
  • ניגודיות 4.5:1 לטקסט (1.4.3).
  • תוויות לשדות טופס (3.3.2, 4.1.2).
  • כפתורים וקישורים עם שם נגיש (4.1.2, 2.4.4).
  • קישור דילוג או אזורי ניווט (2.4.1).
  • מבנה כותרות בלי דילוג רמות (1.3.1, 2.4.10).
  • id כפולים ו-ARIA לא תקין (4.1.1, 4.1.2).

שלב 2: בדיקת מקלדת (10 דקות)

  1. טענו את הדף ולחצו Tab. הדבר הראשון צריך להיות קישור "דילוג לתוכן".
  2. המשיכו עם Tab עד סוף הדף. בכל רגע צריך לראות איפה המיקוד (2.4.7).
  3. בדקו שהסדר הגיוני, מימין לשמאל ומלמעלה למטה (2.4.3).
  4. פתחו תפריטים, חלונות קופצים ורשימות עם Enter ורווח, וסגרו עם Esc (2.1.1).
  5. ודאו שאף רכיב לא "בולע" את המיקוד בלי דרך לצאת (2.1.2).
  6. שלחו טופס עם שגיאות ובדקו שהמיקוד עובר להודעה או לשדה הראשון עם שגיאה.

שלב 3: קורא מסך

NVDA חינמי ל-Windows, ו-VoiceOver מובנה במק ובאייפון. עם NVDA: מקש H מדלג בין כותרות, D בין אזורים, F בין שדות טופס, ו-Insert+F7 פותח רשימה של כל הקישורים.

  • האם רשימת הכותרות משקפת את מבנה הדף?
  • האם כל כפתור מוכרז בשם ברור ולא רק "כפתור"?
  • האם תמונות חשובות מתוארות, וקישוטים מדולגים?
  • האם הודעות כמו "נשלח בהצלחה" מוקראות?
  • האם העברית מוקראת בקול עברי (lang נכון)?

שלב 4: הגדלה, מובייל ותנועה

  • זום 200% בדפדפן: שום טקסט לא נחתך (1.4.4).
  • רוחב 320 פיקסלים: בלי גלילה אופקית (1.4.10, מומלץ).
  • הפעלת "הפחתת תנועה" במערכת: אנימציות נעצרות (2.3.3, נוהג טוב).
  • קרוסלות ובאנרים מתחלפים: יש כפתור עצירה (2.2.2).
  • בטלפון: כפתורים גדולים מספיק, ואין תלות בהחלקה בלבד.

שלב 5: מדיה, מסמכים והצהרה

  • כתוביות לסרטונים שאתם מפיקים, אם החובה חלה עליכם (1.2.2, תקנה 35ד).
  • תמליל לאודיו (1.2.1).
  • קובצי PDF ו-Word נגישים (ת"י 5568 חלק 2).
  • הצהרת נגישות מקושרת מכל דף (תקנה 35ה).

איך לבדוק נגישות של אתר בחמישה שלבים

  1. בדיקה אוטומטיתהריצו בדיקה על הדפים המרכזיים ותקנו את מה שנמצא.
  2. מקלדתעברו על כל דף עם Tab בלבד.
  3. קורא מסךבדקו עם NVDA או VoiceOver את הכותרות, הכפתורים והטפסים.
  4. הגדלה ומוביילזום 200%, רוחב 320 פיקסלים והפחתת תנועה.
  5. מסמכים והצהרהבדקו קובצי PDF ופרסמו הצהרת נגישות.

שאלות נפוצות

כמה סעיפים יש בת"י 5568?

ב-WCAG 2.0 יש 38 סעיפים ברמות A ו-AA. ת"י 5568 מוריד שלושה (1.2.4, 1.2.5 ו-3.1.2) ומוסיף את 2.4.10, כך שנדרשים 36 סעיפים.

כמה מהבדיקה אפשר לעשות אוטומטית?

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

צריך לעמוד גם ב-WCAG 2.2?

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

מקורות

המידע בדף מבוסס על: ת"י 5568 חלק 1, ספטמבר 2023 (gov.il) (נפתח בחלון חדש) · WCAG 2.0 (W3C, 2008) (נפתח בחלון חדש) · WCAG 2.2 (W3C, 2023) (נפתח בחלון חדש) · תרגום WCAG 2.0 לעברית (איגוד האינטרנט הישראלי) (נפתח בחלון חדש)