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 typique ; 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&nbsp;:</label>
  <input id="prenom" type="text" aria-required="true" />
  <br/>
  <label for="nom">Nom&nbsp;:</label>
  <input id="nom" type="text" aria-required="true" />
  <br/>
  <label for="adresse">Adresse&nbsp;:</label>
  <input id="adresse" type="text" />
</form>

Exemples concrets :

Exemple d’infobulle (comprenant l’utilisation de l’attribut aria-required).

Notes

Utilisé dans les rôles ARIA

Combobox ;
Gridcell ;
Listbox ;
Radiogroup ;
Spinbutton ;
Textbox ;
Tree.

Techniques ARIA connexes

Utiliser l’attribut aria-invalid

Compatibilité

À définir : ajouter les informations de prise en charge pour les combinaisons les plus courantes d’agents utilisateurs et de produits de technologies d’assistance.

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 HTML5.