Tous les composants de visionneuse prennent en charge les rôles et attributs ARIA (Accessible Rich Internet Applications) pour améliorer l’intégration aux technologies d’assistance telles que les lecteurs d’écran.
L’élément de visionneuse de niveau supérieur a un rôle region
et aria-label
définie par défaut sur le nom de la visionneuse. Vous pouvez contrôler le libellé à l’aide de la fonction Container.LABEL
symbole de localisation.
Les boutons ont un rôle button
et texte descriptif avec le aria-label
attribut. La valeur de aria-label
est renseigné à partir de la valeur du symbole de localisation du bouton. Lorsqu’un bouton est désactivé, la variable aria-disabled
est défini en conséquence.
La vue principale a un rôle application
. Vous trouverez une brève description de la vue principale dans la section aria-roledescription
, avec la valeur définie par la variable ROLE_DESCRIPTION
symbole de localisation du composant d’affichage principal correspondant. Des conseils de navigation pour les utilisateurs du clavier sont fournis à l’aide de aria-describedby
, le texte de l’indice d’utilisation provient de la variable USAGE_HINT
symbole de localisation. Si un libellé est défini dans le champ UserData d’une ressource, la variable aria-label
est défini avec la valeur de ce libellé.
Les zones réactives, régions et zones cliquables ont un rôle button
et texte descriptif avec aria-label
avec la valeur de la zone réactive ou du libellé de la zone cliquable. Lorsque l’utilisateur met l’accent sur les zones réactives ou les zones cliquables, des conseils de navigation sont fournis à l’aide du aria-describedby
, avec le texte de l’indicateur d’utilisation provenant de la fonction USAGE_HINT
symbole de localisation.
Les miniatures ont un rôle dialog
avec aria-label
contrôlé par l’attribut ThumbnailGridView.LABEL
symbole de localisation. Les miniatures individuelles ont un rôle button
. Si une miniature est sélectionnée, elle est récupérée. aria-selected
définie sur true
.
Les composants qui affichent des échantillons ont un rôle listbox
avec aria-label
défini sur la valeur de la variable LABEL
symbole de localisation de ce composant. Les échantillons individuels ont un rôle option
avec aria-setsize
et aria-posinset
pour décrire la position de l’échantillon dans la visionneuse. Si un échantillon est sélectionné, le paramètre aria-selected
définie sur true
.
Les listes déroulantes sont activées par des boutons avec des aria-haspopup
définie sur true
et le aria-controls
faisant référence à l’élément de panneau déroulant réel. Le panneau déroulant lui-même a le rôle menu
avec des sous-éléments ayant un rôle menuitem
. Chaque élément de menu comporte la variable aria-label
spécifié.
Les boîtes de dialogue modales ont un rôle dialog
. L’élément d’en-tête de la boîte de dialogue est référencé par le aria-labelledby
attribut.