ARIA : attribut aria-flowto
L'attribut global aria-flowto identifie le ou les éléments suivants dans un ordre de lecture alternatif du contenu. Cela permet aux technologies d'assistance de remplacer, à la demande de l'utilisateur·ice, l'ordre de lecture par défaut du document (l'ordre source).
Description
Les pages Web doivent être navigables de façon séquentielle. Pour cette raison, il est déconseillé aux développeur·euse·s d'utiliser l'attribut global tabindex, qui peut modifier l'ordre de tabulation, ainsi que la propriété CSS order, qui peut modifier l'ordre visuel par rapport à l'ordre du DOM. Cependant, dans de rares cas, un chemin de lecture différent de l'ordre source est nécessaire. Pour ces situations, l'attribut aria-flowto peut rendre le contenu plus accessible aux utilisateur·ice·s de technologies d'assistance.
L'attribut global aria-flowto permet à l'auteur·ice d'indiquer aux utilisateur·ice·s de technologies d'assistance quels éléments pourraient être ciblés ensuite, en fournissant un ordre de lecture alternatif à l'ordre source. Cela permet aux technologies d'assistance de lire un document dans un ordre différent de l'ordre de lecture source par défaut.
Lorsque aria-flowto contient une seule référence d'identifiant, il permet aux technologies d'assistance, à la demande de l'utilisateur·ice, d'aller vers l'élément ciblé via cet identifiant au lieu de lire le document dans l'ordre du DOM. Lorsque la valeur de aria-flowto utilise une liste d'identifiants séparés par des espaces, la technologie d'assistance peut proposer à l'utilisateur·ice une liste de choix de chemin, chaque identifiant référencé étant un choix. Les noms des choix de chemin sont déterminés par le nom accessible de chaque élément cible de l'attribut aria-flowto.
Note :
Définir aria-flowto n'a aucun impact sur l'ordre de tabulation du contenu. Cela offre simplement aux utilisateur·ice·s la possibilité de suivre un chemin de contenu qui ne correspond pas à l'ordre du DOM lorsqu'ils utilisent une technologie prenant en charge cet attribut.
Valeurs
id-
L'identifiant (
id) de l'élément suivant dans l'ordre de lecture alternatif. - Une liste d'identifiants (
id) -
Liste d'identifiants séparés par des espaces, référant les éléments vers lesquels l'utilisateur·ice peut vouloir aller ensuite dans l'ordre de lecture alternatif du contenu.
Interfaces associées
Element.ariaFlowToElements-
La propriété
ariaFlowToElementsfait partie de l'interface de chaque élément. Sa valeur est un tableau d'instances de sous-classes de l'interfaceElementqui reflètent les identifiants référencés dans l'attributaria-flowto(avec certaines restrictions). ElementInternals.ariaFlowToElements-
La propriété
ariaFlowToElementsfait partie de l'interface de chaque élément personnalisé. Sa valeur est un tableau d'instances de sous-classes de l'interfaceElementqui reflètent les identifiants référencés dans l'attributaria-flowto(avec certaines restrictions).
Rôles associés
Utilisé dans TOUS les rôles.
Spécifications
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # aria-flowto |
Voir aussi
- L'attribut HTML id
- L'attribut HTML tabindex
- La propriété CSS
order - WCAG : ordre source
- Utilisation de aria-flowto (angl.) - Wiki du W3