Τι ελέγχεται;
Εάν μια φόρμα δημιουργεί μηνύματα σφάλματος, τα εσφαλμένα συμπληρωμένα πεδία θα πρέπει να προσδιορίζονται και να περιγράφονται κειμενικά. Ο χρήστης να λαμβάνει τις κατάλληλες προειδοποιήσεις. Είναι αντικείμενο από το Σημείο ελέγχου 3.3.1 Προσδιορισμός σφαλμάτων (Επίπεδο Α). Ανοίγει σελίδα με παράδειγμα για "ειδοποίηση (alert)"
Γιατί ελέγχεται;
Συμβαίνουν συχνά σφάλματα κατά την εισαγωγή σε φόρμες. Οι χρήστες κάνουν λάθη ή παραλείπουν τις απαιτούμενες καταχωρίσεις.
Εάν ο ιστότοπος ελέγχει τις καταχωρίσεις του χρήστη, θα πρέπει τα πεδία με λανθασμένες ή με ελλείπουσες καταχωρήσεις να μπορεί να τις αναγνωρίσει. Αυτό διευκολύνει τους χρήστες να διορθώσουν τις καταχωρήσεις.
Πώς ελέγχεται;
1. Εφαρμογή του σημείου ελέγχου
Το σημείο ελέγχου ισχύει εάν η σελίδα περιέχει φόρμες που δημιουργούν μηνύματα σφάλματος εάν συμπληρωθούν εσφαλμένα. Αυτό μπορεί να συμβεί ενώ πληκτρολογείτε. Αλλά και μετά την υποβολή της φόρμας.
2. Έλεγχος
- Συμπληρώστε τη φόρμα ελλιπώς ή λανθασμένα. Για παράδειγμα, αφήνοντας κενά υποχρεωτικά πεδία ή εισάγοντας συντακτικά λανθασμένες διευθύνσεις email.
-
Εάν η αποστολή της φόρμας δημιουργεί ένα μήνυμα σφάλματος: Ελέγξτε εάν τα λανθασμένα πεδία αναγνωρίζονται.
Τα λανθασμένα πεδία μπορούν επίσης να αναγνωριστούν, ανάλογα της πολυπλοκότητας της φόρμας συμπλήρωσης. Αυτό μπορεί να γίνει με διάφορους τρόπους.
- Όταν η φόρμα εμφανίζεται ξανά, τα εσφαλμένα συμπληρωμένα πεδία προσδιορίζονται στην αρχή της σελίδας.
- Τα εσφαλμένα συμπληρωμένα πεδία επισημαίνονται επίσης με σαφήνεια.
- Τα κείμενα της ετικέτας των εσφαλμένα συμπληρωμένων πεδίων αλλάζουν σε υποδεικνύουν τα σφάλματα ανεξάρτητα από την οθόνη.
- Τα μηνύματα σφάλματος που βρίσκονται κοντά στο πεδίο Φόρμα που είναι τοποθετημένο, αλλά δεν αποτελούν μέρος της ετικέτας, συνδέονται με το
aria-labelledby
ή τοaria-describedby
. - Τα μηνύματα σφάλματος παρέχονται χρησιμοποιώντας ζωντανές περιοχές ή ειδοποιήσεις (
alertdialog
).
- Ελέγξτε εάν μετά τη διόρθωση των καταχωρήσεων και την εκ νέου υποβολή της φόρμας δεν εμφανίζονται τα μηνύματα σφάλματος ξανά.
3. Σημειώσεις
- Εάν ένα μήνυμα σφάλματος εξάγεται από την πλευρά του διακομιστή σε μια νέα σελίδα, ελέγχεται και αυτή η σελίδα. Ελέγχεται επίσης η εκπλήρωση άλλων σχετικών σημείων ελέγχου.
- Εάν οι φόρμες δε δημιουργούν μηνύματα σφάλματος, αυτό δε θα πρέπει να αξιολογηθεί αρνητικά.
4. Αξιολόγηση
Κριτήριο δεν ικανοποιείται πλήρως.- Το μήνυμα σφάλματος μετά την επικύρωση της φόρμας δεν ονομάζει σαφώς πεδία με ελλείπουσες ή εσφαλμένες καταχωρήσεις ή δεν αναφέρεται ξεκάθαρα σε αυτά. Για παράδειγμα, αλλάζοντας την ετικέτα που έχει εκχωρηθεί στο πεδίο.
- Τα μηνύματα σφάλματος είναι ασαφή ή παραπλανητικά.
- Μη συγκεκριμένο μήνυμα σφάλματος, πεδία με σφάλματα καταχώρισης ή καταχωρήσεις που λείπουν επισημαίνονται μόνο γραφικά ή με πρόσθετο αστερίσκο.
- Το μήνυμα σφάλματος δεν παρέχει πληροφορίες σχετικά με το ποια καταχώρηση προκάλεσε το σφάλμα.
- Εάν η καταχώριση είναι λανθασμένη, η φόρμα εμφανίζεται ξανά. Οι σωστές καταχωρήσεις που έχουν ήδη γίνει διαγράφονται. Τα πεδία είναι ξανά άδεια και πρέπει να συμπληρωθούν ξανά. Εξαίρεση: Η διαγραφή καταχωρήσεων που έχουν ήδη γίνει έχει νόημα για δεδομένα που σχετίζονται με την ασφάλεια. Όπως κωδικούς πρόσβασης ή ονόματα χρηστών.
Ταξινόμηση του σημείου ελέγχου 3.3.1 Προσδιορισμός σφαλμάτων
Διαφοροποίηση από άλλα σημεία ελέγχου
Εάν τα μηνύματα σφάλματος που δημιουργούνται ή εμφανίζονται ως αποτέλεσμα λανθασμένων καταχωρήσεων βρίσκονται στη σωστή θέση. Αυτό είναι αντικείμενο του σημείου ελέγχου 1.3.3 "Αισθητήρια χαρακτηριστικά".
Ταξινόμηση του σημείου ελέγχου σύμφωνα με το WCAG 2.1
Κατευθυντήρια γραμμή Κριτήριο επιτυχίας- 3.3.1 Error Identification (Level A)
- G83: Providing text descriptions to identify required fields that were not completed
- G84: Providing a text description when the user provides information that is not in the list of allowed values
- G85: Providing a text description when user input falls outside the required format or values
- SCR18: Providing client-side validation and alert
- SCR32: Providing client-side validation and adding error text via the DOM
- ARIA18: Using aria-alertdialog to Identify Errors
- ARIA19: Using ARIA role=alert or Live Regions to Identify Errors
- ARIA21: Using Aria-Invalid to Indicate An Error Field
Πηγές
DOM scripting και το WAI ARIA για τη δημιουργία μηνυμάτων σφάλματος κατά την εισαγωγή της φόρμας.
Ιστολόγιο προσβασιμότητας του Marco: Easy ARIA tip- Easy ARIA tip #3: aria-invalid and role "alert" (Juli 2008, Κείμενα στην Αγγλική γλώσσα).