Prise en charge des technologies d’assistance assistive-technology-support

Tous les composants de la visionneuse 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 visionneuse de niveau supérieur comporte un region de rôle et aria-label’attribut défini par défaut sur le nom de la visionneuse. Vous pouvez contrôler le libellé avec le symbole de localisation Container.LABEL.

Les boutons comportent la button de rôle et le texte descriptif définis avec l’attribut aria-label. La valeur de aria-label’attribut 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.

La vue principale comporte des application de rôle. Une brève description de la vue principale est fournie en aria-roledescription, avec la valeur définie par le symbole de localisation ROLE_DESCRIPTION du composant de vue principale correspondant. Les conseils de navigation pour les utilisateurs d’un clavier sont fournis à l’aide de aria-describedby. Le texte du conseil d’utilisation provient du symbole de localisation USAGE_HINT. Si un libellé est défini dans le champ UserData d’une ressource, l’attribut aria-label est défini avec la valeur de ce libellé.

Les zones réactives, les régions et les zones cliquables comportent l’button de rôle et le texte descriptif définis avec aria-label attribut , avec la valeur du libellé de la zone réactive ou de la zone cliquable. Lorsque l’utilisateur met l’accent sur des zones réactives ou des zones cliquables, des indications de navigation pour les utilisateurs d’un clavier sont fournies à l’aide de aria-describedby, le texte de l’indication d’utilisation provenant du symbole de localisation USAGE_HINT.

Les miniatures ont le rôle dialog avec aria-label attribut contrôlé par le symbole de localisation ThumbnailGridView.LABEL. Les miniatures individuelles ont des button de rôle. Si une miniature est sélectionnée, aria-selected’attribut est défini sur true.

Les composants qui affichent des échantillons ont le rôle listbox avec aria-label attribut défini sur la valeur du symbole de localisation LABEL de ce composant. Les échantillons individuels ont le rôle option avec les attributs aria-setsize et aria-posinset pour décrire la position de l’échantillon dans l’ensemble. Si une nuance est sélectionnée, elle reçoit l’attribut aria-selected défini sur true.

Les listes déroulantes sont activées par des boutons avec un attribut aria-haspopup supplémentaire défini sur true et l’attribut aria-controls faisant référence à l’élément réel du panneau déroulant. Le panneau déroulant lui-même dispose du rôle menu avec les sous-éléments dont le rôle est menuitem. Chaque élément de menu possède l’attribut aria-label spécifié.

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 .