Tous les composants du lecteur prennent en charge les rôles et attributs ARIA (Accessible Rich Internet Applications) afin d’améliorer l’intégration avec les technologies d’assistance telles que les lecteurs d’écran.
L’élément de lecteur de niveau supérieur a les attributs de rôle region
et aria-label
définis par défaut sur le nom de la visionneuse. Vous pouvez contrôler le libellé avec le symbole de localisation Container.LABEL
.
Les boutons ont le rôle button
et un texte descriptif défini avec l'attribut aria-label
. La valeur de l’attribut aria-label
est renseignée à partir de la valeur du symbole de localisation du bouton. Lorsqu’un bouton est désactivé, l’attribut aria-disabled
est défini en conséquence.
Les composants du curseur ont le rôle slider
avec des attributs aria-valuenow
, aria-valuemin
et aria-valuemax
pour décrire la position actuelle du curseur.
Les listes déroulantes sont activées par des boutons avec des attributs aria-haspopup
supplémentaires définis sur true
et aria-controls
qui référencent l’élément de panneau déroulant réel. Le panneau déroulant a lui-même le rôle menu
avec des sous-éléments ayant le rôle menuitem
. L'attribut aria-label
est spécifié pour chaque élément de menu.
Les boîtes de dialogue modales ont le rôle dialog
. L’élément d’en-tête de la boîte de dialogue est référencé par l’attribut aria-labelledby
.