Αρχική › Γνωσιακή βάση › Κριτήριο WCAG

Σήμανση φορμών κατά WCAG

Κάθε πεδίο φόρμας πρέπει να έχει προγραμματιστικά συσχετισμένη ετικέτα, ώστε οι χρήστες αναγνωστών οθόνης να ξέρουν τι να εισαγάγουν, και το κλικ στην ετικέτα να εστιάζει στο πεδίο.

Ο σωστός τρόπος

<label for="email">Email</label><input id="email"> — ή περικλείστε το πεδίο στο <label>. aria-label / aria-labelledby μόνο όταν δεν είναι δυνατή μια ορατή ετικέτα.

Γιατί ένα placeholder δεν αρκεί

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

Μηνύματα σφάλματος

Συνδέστε το σφάλμα με το πεδίο (aria-describedby) και διατυπώστε το κείμενο συγκεκριμένα («Δώστε ένα έγκυρο email», όχι «Σφάλμα»).

Πώς βοηθά το a11yglass

Η δωρεάν σάρωση ελέγχει το παρεχόμενο HTML και CSS για αυτόματα αναγνωρίσιμες παραβιάσεις WCAG και αναφέρει ανά εύρημα το κριτήριο επιτυχίας και ένα συγκεκριμένο μέτρο. Εντοπίζει περίπου το 20–35 % των προβλημάτων και δεν αντικαθιστά πλήρη αξιολόγηση.

Διαβάστε περισσότερα

• Εναλλακτικά κείμενα κατά WCAG 1.1.1
• Χειρισμός με πληκτρολόγιο κατά WCAG 2.1.1
• Ορατή εστίαση κατά WCAG 2.4.7

Γενική πληροφορία κατά τη βέλτιστη γνώση, όχι νομική συμβουλή. Για τη συγκεκριμένη περίπτωση απευθυνθείτε σε δικηγορικό γραφείο εξειδικευμένο στο δίκαιο της πληροφορικής.