Skip to content

Rôles ARIA expliqués

Aide-mémoire des valeurs de rôles ARIA : rôles de repère, de document, de widget et de zone dynamique, avec leur objectif et leurs cas d'usage.

Les rôles ARIA déclarent ce que fait un élément. Les rôles de repère cartographient les régions de la page. Les rôles de document structurent le contenu. Les rôles de widget marquent les commandes interactives. Les rôles de zone dynamique annoncent les mises à jour.

Tableau de référence · 77 entrées
77 of 77 rows
Repère
Identifie l'en-tête du site en haut de la page.Logo de marque, slogan principal, bandeau d'en-tête.
Regroupe une collection de liens de navigation.Menus principaux, fils d'Ariane, navigation interne.
Marque le contenu dominant du document.Le corps principal unique de la page.
Marque un contenu complémentaire séparé du main.Barres latérales, liens associés, encadrés.
Regroupe les métadonnées de pied de page sur le document parent.Mentions de copyright, liens de confidentialité, pied de page légal.
Marque une région qui contient un formulaire de recherche.Recherche du site, formulaires de filtre, zones de recherche.
Marque une section nommée et perceptible de la page.Sections personnalisées avec un nom accessible.
Marque une région qui contient un ensemble de champs de formulaire.Formulaires de recherche nommés, panneaux de filtres, sections d'enquête.
Marque une région qui se comporte comme une application logicielle.Éditeurs pleine page, cartes, surfaces de jeu.
Document
Marque une composition autonome.Articles de blog, actualités, fiches produit.
Marque un titre pour une section de contenu.Titres de section quand les h1-h6 natifs ne s'appliquent pas.
Regroupe une liste d'éléments liés.Listes à puces ou numérotées personnalisées.
Marque un élément unique dans une liste.Une ligne d'une liste personnalisée.
Regroupe un ensemble de commandes de formulaire liées.Groupes de champs, ensembles de boutons radio, champs liés.
Marque un contenu graphique associé à une légende.Images, diagrammes, graphiques avec une étiquette.
Marque des données disposées en lignes et colonnes.Données tabulaires construites à partir d'éléments personnalisés.
Marque une étiquette visible pour un tableau, une grille ou une figure.Titres au-dessus des tableaux de données, légendes de figure.
Regroupe un ensemble de lignes liées dans un tableau.Bandes d'en-tête, de corps et de pied d'un tableau.
Marque une ligne de cellules dans un tableau ou une grille.Une ligne d'enregistrement unique d'un tableau personnalisé.
Marque une cellule d'en-tête pour une colonne de tableau.Étiquettes du haut d'un tableau de données.
Marque une cellule d'en-tête pour une ligne de tableau.L'étiquette de tête de chaque ligne du tableau.
Marque une cellule de données dans une ligne.Valeurs individuelles d'une ligne de tableau personnalisée.
Marque un mot ou une expression en cours de définition.Clés de dictionnaire, termes de liste de définitions.
Marque la signification du terme précédent.La description sous un terme défini.
Marque une remarque placée à côté du contenu principal.Astuces, apartés, remarques façon note de bas de page.
Marque une liste de références aux membres d'un groupe.Tables des matières et index de liens (déprécié dans ARIA 1.2).
Marque une liste défilante de sections d'articles.Flux à défilement infini qui chargent plus de contenu.
Marque un contenu écrit en notation mathématique.Formules générées depuis LaTeX ou MathML.
Marque une valeur scalaire dans une plage connue.Barres d'utilisation disque, scores, jauges de robustesse.
Marque un instant précis ou une durée.Horodatages, dates d'événement, temps écoulés.
Marque un bloc de texte en prose.Blocs de texte non écrits en éléments p natifs.
Marque une citation tirée d'une autre source.Citations mises en avant et extraits sourcés.
Marque un fragment de code informatique.Extraits en ligne et noms de commandes en prose.
Marque un texte qui porte une mise en relief.Mots accentués au sein d'une phrase.
Marque un texte avec une forte importance.Avertissements, expressions clés, étiquettes à lire absolument.
Marque un texte rendu sous la ligne de base.Formules chimiques telles que H2O.
Marque un texte rendu au-dessus de la ligne de base.Appels de notes et exposants.
Marque un conteneur simple sans signification particulière.Enveloppes de mise en page et points d'accroche de style.
Retire la sémantique d'un élément.Images décoratives, tableaux de mise en page, éléments séparateurs.
Marque un élément comme une image unique.Sprites d'icônes, groupes SVG, graphiques dessinés en CSS.
Widget
Marque une commande cliquable qui déclenche une action.Boutons personnalisés, boutons icônes, déclencheurs d'action.
Marque un lien vers une autre ressource ou un autre emplacement.Ancres personnalisées et liens de routage dans l'application.
Marque une case à cocher pour une option unique.Cases personnalisées, bascules d'acceptation des conditions.
Marque un choix dans un groupe à exclusion mutuelle.Boutons radio personnalisés dans un radiogroup.
Marque une bascule binaire marche/arrêt.Bascules de thème, de sourdine et de réglages.
Regroupe les étiquettes d'un ensemble d'onglets.La bande d'onglets d'un panneau à onglets.
Marque une étiquette dans une tablist.Un onglet unique qui affiche un panneau.
Marque le panneau de contenu d'un onglet.Le corps affiché quand son onglet est actif.
Marque une fenêtre superposée au-dessus de la page.Modales, tiroirs, popovers qui capturent le focus.
Marque un dialogue qui exige une réponse de l'utilisateur.Confirmations de suppression, alertes de modifications non enregistrées.
Marque un champ avec une fenêtre contextuelle de choix.Autocomplétion, sélecteurs avec recherche, listes de saisie semi-automatique.
Marque une commande qui fixe une valeur dans une plage.Volume, prix, opacité, entrées de plage.
Marque une liste de choix proposés à l'utilisateur.Menus déroulants, menus contextuels, palettes d'outils.
Marque une option unique dans un menu.Une ligne ou un élément d'un menu déroulant.
Marque un champ de saisie de texte libre.Champs personnalisés, champs de recherche, zones de commentaire.
Marque une liste hiérarchique d'éléments.Explorateurs de fichiers, menus imbriqués, organigrammes.
Marque une liste d'options sélectionnables.Sélecteurs personnalisés pour un ou plusieurs choix.
Marque un choix unique dans une listbox.Une entrée sélectionnable d'une listbox personnalisée.
Regroupe un ensemble de choix à exclusion mutuelle.Ensembles de boutons radio personnalisés, sélecteurs de formule, réponses graduées.
Marque un widget de lignes et de colonnes de cellules.Dispositions de feuille de calcul, vues calendrier mensuel.
Marque une grille dont les lignes se déploient et se replient.Tableaux de données imbriqués, tableaux de fils de discussion.
Marque une option dépliable dans une arborescence.Un nœud fichier ou dossier dans un explorateur de fichiers.
Marque une infobulle qui suggère l'usage d'une commande.Aides au survol, conseils au focus pour les boutons icônes.
Marque un élément qui affiche la progression d'une tâche.Barres de téléversement et indicateurs de chargement.
Marque une commande qui fait défiler une vue de contenu.Poignées de défilement personnalisées pour panneaux et carrousels.
Marque une commande qui change une valeur par pas.Sélecteurs de quantité, compteurs numériques.
Marque un champ texte pour saisir des termes de recherche.Barres de recherche et champs de filtre personnalisés.
Marque un groupe de commandes fréquemment utilisées.Barres de mise en forme, rangées d'actions au-dessus des éditeurs.
Marque une rangée de déclencheurs de menu persistants.Bandes de menus Fichier et Édition façon application.
Marque une option de menu qui s'active ou se désactive.Bascules d'options d'affichage dans un menu déroulant.
Marque un choix exclusif dans un menu.Choix de tri et de thème dans un menu.
Marque un séparateur entre des groupes de contenu.Séparateurs de menu, poignées de division de panneaux déplaçables.
Zone dynamique
Annonce un message important et urgent.Erreurs de formulaire, avis urgents demandant de l'attention.
Annonce une mise à jour informative sans interrompre.Confirmation d'enregistrement, progression, résultats discrets.
Annonce les nouvelles entrées d'un flux chronologique.Transcriptions de chat, journaux d'événements, flux d'activité.
Annonce un contenu textuel défilant ou animé.Tickers, barres d'actualité défilantes, bannières rotatives.
Annonce un minuteur ou un compte à rebours en direct.Expirations de session, comptes à rebours, chronomètres.