Utiliser l'attribut aria-required
Description
Cette technique présente l’utilisation de l’attribut aria-required
.
L’attribut aria-required
est utilisé pour indiquer que l’utilisateur doit obligatoirement remplir un champ de formulaire avant de le soumettre. Cet attribut peut être utilisé avec n’importe quel élément de formulaire HTML ; il n’est pas limité aux éléments auxquels a été assigné un rôle
ARIA.
HTML5 a introduit l’attribut required
, mais aria-required
est toujours utile pour les agents utilisateurs qui ne prennent pas encore en charge HTML5.
Valeurs
true
ou false
(Valeur par défaut : false
)
Effets possibles sur les agents utilisateurs et les technologies d’assistance
Les lecteurs d’écran devraient annoncer le champ comme étant obligatoire.
Remarquez que cet attribut ne changera pas automatiquement la présentation du champ.
Note : il existe plusieurs points de vue sur la façon dont les technologies d’assistance devraient traiter cette technique. L’information fournie ci-dessus est l’une de ces opinions et n’est pas normative.
Exemples
Exemple 1 : un formulaire simple
<form action="post">
<label for="prenom">Prénom :</label>
<input id="prenom" type="text" aria-required="true">
<br/>
<label for="nom">Nom :</label>
<input id="nom" type="text" aria-required="true">
<br/>
<label for="adresse">Adresse :</label>
<input id="adresse" type="text">
</form>
Notes
Utilisé dans les rôles ARIA
- Combobox ;
- Gridcell ;
- Listbox ;
- Radiogroup ;
- Spinbutton ;
- Textbox ;
- Tree.
Techniques ARIA connexes
Autres ressources
- Spécification WAI-ARIA pour
aria-required
; - WAI-ARIA Authoring Practices for forms (Règles WAI-ARIA de création de formulaires) ;
- Validation de condition (en-US) en HTML5.