Comment faire indication des champs obligatoires et la validation de formulaire accessible pour les utilisateurs de lecteurs d'écran?
-
24-09-2019 - |
Question
Lorsque le message d'erreur viendra sur la validation si l'utilisation ont fait quelque chose de mal alors que l'erreur doit être lu par le lecteur d'écran? Tout lecteur d'écran compatible, accessible, plug-in de validation de formulaire jquery discret?
et comment utilisateur sait quel champ formulaire est obligatoire?
ma question est sur le point de ne pas faire avec la forme fieldset
, legend
et label
?
La solution
Vous pouvez utiliser le plug-in de validation standard jQuery et écrire votre propre validate () qui recueille les erreurs lors de la soumission et les affiche dans une alerte (), plutôt que de compter sur afficher et masquer divs / travées. alert () est considéré comme lecteur d'écran compatible selon WebAIM.
Autres conseils
Aller à l'aide de la fonction d'alerte pour afficher les erreurs. La pratique standard semble mettre un * par toutes les étiquettes requises des champs de formulaire requis.