# אלמנטים של טופס מוכרחים להיות עם תוויות

<https://www.fixreports.com/he/issues/label>

WCAG ⁨4.1.2 Name, Role, Value⁩ · רמה ⁨A⁩

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

## מה הכלל הזה בודק
מוודא שלכל אלמנט של טופס יש תווית.

## למה זה חשוב
WCAG 1.3.1, 3.3.2 ו-4.1.2 דורשים שלשדות טופס יהיו תוויות. שדות הרשמה לניוזלטר ושדות חיפוש הם המקרים הנפוצים.

## איך לתקן
### בכל אתר
1. נותנים לכל שדה רכיב ⁨<label for="field-id">⁩, או לפחות aria-label.
2. טקסט placeholder לבדו לא נחשב לתווית.

### ב-Shopify
1. נותנים לכל שדה רכיב ⁨<label for="field-id">⁩, או לפחות aria-label.
2. טקסט placeholder לבדו לא נחשב לתווית.

### ב-WooCommerce וב-WordPress
1. נותנים לכל שדה רכיב ⁨<label for="field-id">⁩, או לפחות aria-label.
2. טקסט placeholder לבדו לא נחשב לתווית.

## איך לבדוק את התיקון
- סורקים שוב ומוודאים שהכלל ⁨label⁩ כבר לא נכשל.
- לוחצים על כל תווית ובודקים שהיא מעבירה את המיקוד לשדה שלה.

## מקורות
- תיעוד הכלל ב-axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- הבנת WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value