Sémantique des descriptions

Dernière mise à jour : 31 mars 2026

Comment bien définir la sémantique des descriptions afin de les rendre accessibles.

Comment associer une description à un élément

Certaines informations doivent être lues après le libellé d’un élément, comme un message d’erreur, un message d’aide ou un texte descriptif. Pour que les technologies d’assistance puissent faire ce lien correctement, il faut les relier explicitement dans le code.

Durant la conception

  • Identifier les éléments qui ont besoin d’une description supplémentaire, par exemple un message d’erreur, d’aide ou une précision.

  • Rédiger ces contenus de façon claire, concise et utile.

  • S’assurer que ces messages apparaissent visuellement à proximité de l’élément auquel ils se rapportent.

Dans le code

  • Pour associer une description, un message d’erreur ou tout texte descriptif qui complète l’information du champ ou du composant à un élément natif, ajouter l’attribut aria-describedby sur cet élément. Il doit pointer vers l’ID du texte descriptif présent ailleurs dans la page.

    Le lecteur d’écran lira automatiquement cette description en dernier, après le libellé, la sémantique et l’état de l’élément (lorsque pertinent).