WAI-ARIA Patterns

Definition

Modèles d'interaction standardisés par le W3C pour les widgets complexes (onglets, menus, combobox). Chaque pattern définit les rôles, propriétés et gestion clavier attendus.

Analogie

Comme des recettes de cuisine normalisées : tout le monde utilise les mêmes étapes pour que le résultat soit prévisible.

Exemple de code

<div role="combobox" aria-expanded="false"
     aria-haspopup="listbox">
  <input aria-autocomplete="list">
  <ul role="listbox" hidden>
    <li role="option">Option 1</li>
  </ul>
</div>

Cas d'usage

Quand on construit un composant interactif custom pour garantir une UX clavier et lecteur d'écran cohérente.

Termes lies