Comment faire indication des champs obligatoires et la validation de formulaire accessible pour les utilisateurs de lecteurs d'écran?

StackOverflow https://stackoverflow.com/questions/2170621

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?

Était-ce utile?

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.

http://docs.jquery.com/Plugins/Validation

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.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top