Utiliser ARIA : rôles, états et propriétés
ARIA définit des sémantiques applicables aux éléments, réparties en rôles (définissant un type de composant d'interface utilisateur) et en états et propriétés pris en charge par un rôle. Les auteur·ice·s doivent attribuer un rôle ARIA ainsi que les états et propriétés appropriés à un élément pendant son cycle de vie, sauf si l'élément possède déjà une sémantique ARIA adaptée (par l'utilisation d'un élément HTML approprié). L'ajout de sémantique ARIA expose uniquement des informations supplémentaires à l'API d'accessibilité du navigateur, sans modifier le DOM de la page.
Rôles
>Rôles de composant d'interface
buttoncheckboxgridcelllinkmenuitemmenuitemcheckboxmenuitemradiooptionprogressbarradioscrollbarsearchboxseparator(quand sélectionnable)sliderspinbuttonswitchtabtabpaneltextboxtreeitem
Rôles composés
Les techniques ci-dessous décrivent chaque rôle composé ainsi que leurs rôles enfants obligatoires ou facultatifs.
Rôles de structure de document
Rôles de points de repère
Rôles de région dynamique
Rôles de fenêtre
États et propriétés
>Attributs de composants d'interface
aria-autocompletearia-checkedaria-currentaria-disabledaria-errormessagearia-expandedaria-haspopuparia-hiddenaria-invalidaria-labelaria-levelaria-modalaria-multilinearia-multiselectablearia-orientationaria-placeholderaria-pressedaria-readonlyaria-requiredaria-selectedaria-sortaria-valuemaxaria-valueminaria-valuenowaria-valuetext
Attributs de zones « en direct »
Attributs de glisser-déposer
aria-dropeffectObsolètearia-grabbedObsolète
Attributs de relation
Propriétés spécifiques à Microsoft Edge
x-ms-aria-flowfromNon standard