תיוג טפסים לפי WCAG

כל שדה טופס חייב תווית משויכת פרוגרמטית, כדי שמשתמשי קורא מסך ידעו מה למלא, ולחיצה על התווית תמקד את השדה.

הדרך הנכונה

<label for="email">דוא“ל</label><input id="email"> — או עטפו את השדה בתוך ה‑<label>. aria-label / aria-labelledby רק כשתווית נראית אינה אפשרית.

מדוע placeholder אינו מספיק

ה‑placeholder נעלם בעת הקלדה, לרוב ניגודיותו נמוכה מדי, וחלק מקוראי המסך אינם מזהים אותו כתווית.

הודעות שגיאה

קשרו את השגיאה לשדה (aria-describedby) ונסחו את הטקסט באופן קונקרטי (“הזינו דוא“ל תקין”, לא “שגיאה”).

כך a11yglass עוזר

הסריקה החינמית בודקת את ה‑HTML וה‑CSS שנמסרו לאיתור הפרות WCAG הניתנות לזיהוי אוטומטי, ומציינת לכל ממצא את קריטריון ההצלחה וצעד קונקרטי. היא מוצאת כ‑20–35% מהבעיות ואינה מחליפה בדיקה מלאה.

המשך קריאה

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