הגדרת הודעות שגיאה לאחר שליחת טופס מקוון

  • סימון שדות שגויים באפקט וויזואלי שונה כגון גבול אדום סביב לשדה שגוי
  • השדה השגוי צריך להיות מזוהה גם בקוד כשדה שגוי לתוכנות קוראות מסך. ניתן להגדיר בטכניקות כגון aria-invalid
  • טקסט השגיאה אשר יופיע תחת שדה שגוי, יקושר לשדה השגוי בטכניקות כגון aria-describedby
  • כאשר טופס מקבל שדות קלט שגויים, אין להסתיר מתוכנות קוראות מסך וטכנולוגיות מסייעות בניווט את כפתור ההמשך / ביצוע הפעולה. ניתן להגדיר את הכפתורים עם aria-disabled אם מעוניינים שהמשתמש לא ימשיך למסך הבא. בכל מקרה כאמור, אין להסתיר כפתורים מסדר הניווט בקוד.
  • הטקסט בהודעות שגיאה צריך לעמוד ביחס ניגוד מינימום בין צבע טקסט לצבע רקע
  • בניווט מקלדת בין השדות השגוים, כל שדה שגוי צריך לקבל אפקט ויזואלי שונה כאשר מוקד המקלדת מגיע אליו
  • אם לשליחת טופס מקוון יש השלכות משפטיות כלכליות, אובדן או שינוי נתונים, יש לספק מנגנון אימות נתונים לפני שליחת הטופס.

הפניות

W3C Validating Input

%d בלוגרים אהבו את זה: