WCAG 4.1.2
שם, תפקיד, ערך
לכל רכיב אינטראקטיבי יש שם, תפקיד ומצב שקורא מסך יכול לקרוא: כפתור מוכרז ככפתור, מתג כפתוח או סגור.
- בת"י 5568
- נדרש בת"י 5568 (רמה AA)
- רמה ב-WCAG
- A (WCAG 2.0)
- בדיקה אוטומטית
- הבודק מזהה חלק מהכשלים, השאר דורש בדיקה ידנית
נדרש: חלק מת"י 5568 ברמה AA, ולכן חלק מהחובה לפי תקנה 35א.
איך בודקים לבד
עברו עם קורא מסך על כפתורים, תפריטים ולשוניות ובדקו שכל אחד מוכרז בשם ובמצב.
כשל נפוץ
כפתור אייקון בלי aria-label, שמוכרז רק כ"כפתור".
מה הבודק שלנו בודק בסעיף הזה
- אזור במפת תמונה בלי טקסט חלופי
area-alt - תכונת ARIA לא מותרת לרכיב
aria-allowed-attr - תכונת ברייל בלי מקבילה
aria-braille-equivalent - פקודת ARIA בלי שם
aria-command-name - תכונת ARIA בשימוש שגוי לפי התפקיד
aria-conditional-attr - role שיצא משימוש
aria-deprecated-role - aria-hidden על body
aria-hidden-body - רכיב מוסתר מקורא מסך אבל מקבל מיקוד
aria-hidden-focus - שדה ARIA בלי שם
aria-input-field-name - תכונת ARIA אסורה על הרכיב
aria-prohibited-attr - חסרה תכונת ARIA חובה
aria-required-attr - aria-roledescription על רכיב בלי תפקיד
aria-roledescription - ערך role לא תקין
aria-roles - לשונית בלי שם
aria-tab-name - מתג ARIA בלי שם
aria-toggle-field-name - tooltip בלי שם
aria-tooltip-name - ערך לא תקין בתכונת ARIA
aria-valid-attr-value - שם תכונת ARIA שגוי
aria-valid-attr - כפתור בלי שם
button-name - id כפול שמשמש לתוויות או ARIA
duplicate-id-aria - כמה iframe באותה כותרת
frame-title-unique - iframe בלי כותרת
frame-title - כפתור input בלי טקסט
input-button-name - כפתור תמונה בלי טקסט חלופי
input-image-alt - שדה טופס בלי תווית
label - קישור בלי טקסט
link-name - רכיב פעיל בתוך רכיב פעיל
nested-interactive - רשימה נפתחת בלי שם
select-name - summary בלי טקסט
summary-name
מקורות: WCAG 2.0 (W3C, 2008) (נפתח בחלון חדש) · ת"י 5568 חלק 1, ספטמבר 2023 (gov.il) (נפתח בחלון חדש) · תרגום WCAG 2.0 לעברית (איגוד האינטרנט הישראלי) (נפתח בחלון חדש)