Γιατί ένας αναγνώστης οθόνης δεν διαβάζει τα πεδία φόρμας μου;

Γιατί ένα ορατό ετικέτα δεν μετράει πάντα

Ένας αναγνώστης οθόνης δεν διαβάζει ένα πεδίο φόρμας όταν η ετικέτα που υπάρχει δεν είναι προγραμματιστικά συνδεδεμένη με αυτό το πεδίο — το κείμενο εμφανίζεται στην οθόνη, αλλά στον κώδικα πηγής λείπει η αναφορά που χρειάζεται ένας αναγνώστης οθόνης για να συνδέσει την ετικέτα και το πεδίο μαζί. Αυτό συμβαίνει συνήθως επειδή το χαρακτηριστικό `for` της ετικέτας δεν ταιριάζει με το `id` του πεδίου εισαγωγής, επειδή η ετικέτα δεν περικλείει το πεδίο στη διάταξη, ή επειδή χρησιμοποιείται μόνο ένα placeholder αντί για ένα πραγματικό στοιχείο ετικέτας. Για το μάτι, η φόρμα φαίνεται τελείως σωστή· για έναν αναγνώστη οθόνης, το πεδίο είναι ανώνυμο.

Αυτός ο τύπος σφάλματος μπορεί να ανιχνευθεί σε μεγάλο βαθμό αυτόματα: μια σάρωση μπορεί να δει αν λείπει ένα στοιχείο ετικέτας ή δεν αναφέρεται στο σωστό πεδίο, και αν ένα πεδίο έχει μόνο ένα placeholder αντί ετικέτας. Αυτό που μια σάρωση δεν αξιολογεί είναι αν το κείμενο της ετικέτας που υπάρχει πράγματι υποδεικνύει τι ζητάει το πεδίο — μια ετικέτα με το κείμενο "πεδίο 1" είναι τεχνικά σωστά συνδεδεμένη, αλλά δεν μεταφέρει σημασία σε έναν χρήστη. Αυτή η αξιολόγηση παραμένει ανθρώπινη δουλειά, ακόμη και όταν η ίδια η σύνδεση είναι σωστή.

Πού εμφανίζεται αυτό στο WCAG 2.1

Αυτή η απαίτηση προέρχεται από το WCAG 2.1, το πλαίσιο αξιολόγησης στο οποίο το EN 301 549 στην πράξη ανάγεται: το κριτήριο 1.3.1 (Info and Relationships) απαιτεί η σχέση μεταξύ μιας ετικέτας και του πεδίου της να είναι επίσης προγραμματιστικά καθορισμένη και όχι μόνο οπτικά ορατή, το κριτήριο 4.1.2 (Name, Role, Value) απαιτεί κάθε στοιχείο φόρμας να έχει ένα όνομα που μπορεί να διαβαστεί από λογισμικό — συμπεριλαμβανομένου ενός αναγνώστη οθόνης — και το κριτήριο 3.3.2 (Labels or Instructions) απαιτεί ένα πεδίο να έχει καθόλου μια ετικέτα ή οδηγία. Μαζί, αυτά τα τρία κριτήρια καθορίζουν αν ένα πεδίο φόρμας είναι αναγνωρίσιμο και χρήσιμο για κάποιον που χρησιμοποιεί έναν αναγνώστη οθόνης.