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

מה הכלל הזה בודק

מוודא שלכל אלמנט של טופס יש תווית.

למה זה חשוב

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

איך לתקן

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

איך לבדוק את התיקון

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

איך FixReports מזהה את הבעיה

הסריקה שלנו מריצה את הכלל ⁨label⁩ של axe-core בדפדפן Chrome אמיתי בכל עמוד שהיא בודקת, ומדווחת על כל רכיב שנכשל יחד עם העמוד שלו, ה-markup שלו, ובמקרים הרלוונטיים גם צילום מסך.

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