Repères et titres

Les repères et les titres aident les technologies d’assistance à exposer un modèle de navigation prévisible pour l’interface utilisateur complexe. Lorsqu’ils sont appliqués correctement, ils permettent aux utilisateurs de parcourir les principales régions, puis d’explorer le contenu de sous-section sans parcourir chaque contrôle intermédiaire.

Vue d’ensemble

Une disposition visuelle permet généralement aux utilisateurs voyants d’analyser rapidement et de hiérarchiser le contenu qui compte pour leur tâche actuelle. Les utilisateurs du lecteur d’écran ont besoin d’un mécanisme équivalent pour l’orientation rapide et la traversée sélective. Les repères et les titres fournissent ce mécanisme en ajoutant une structure explicite à la représentation automatisée de l'interface utilisateur.

Ce modèle est cohérent avec les modèles d’accessibilité web établis à long terme, notamment les repères ARIA, lesen-têtes ARIA et les titres HTML. Dans chaque cas, l’objectif est le même : fournir une structure navigable afin que les utilisateurs puissent accéder à des régions principales (repères), puis à des limites mineures de section (en-têtes).

La plupart des lecteurs d’écran offrent des commandes dédiées pour la navigation par repères et la navigation par titres, y compris le passage au titre suivant/précédent et, lorsqu'elles sont prises en charge, le filtrage par niveau de titre.

Les repères vous permettent de regrouper du contenu dans des régions significatives telles que la recherche, la navigation et le contenu principal. Une fois ces régions identifiées, les utilisateurs peuvent se déplacer directement entre elles, au lieu de naviguer contrôle par contrôle à travers du contenu non pertinent.

Par exemple, une zone à onglets est souvent mieux représentée comme point de repère de navigation . Une zone d’entrée de recherche est un bon candidat pour un point de repère de recherche , et la surface de tâche principale doit généralement être exposée comme un point de repère de contenu principal .

Dans un point de repère, et dans certains cas en dehors d’un, annotez les sous-sections en tant que titres à l’aide d’une hiérarchie de niveau logique. Cette hiérarchie aide les utilisateurs à créer un modèle mental d’étendue et de profondeur pendant qu’ils naviguent.

Paramètres Windows

L’image suivante montre la page Facilité d’accès dans une version précédente des paramètres Windows.

Dans cette mise en page, l’entrée de recherche est affectée à un point de repère de recherche, la navigation de gauche est affectée à un repère de navigation et le volet de contenu principal à droite est affecté à un point de repère de contenu principal.

À l’intérieur du repère de navigation, la facilité d’accès sert de titre de niveau supérieur (niveau 1), avec des catégories enfants telles que Vision et Audition représentées au niveau 2. Dans la région de contenu principal, l’affichage peut être de niveau 1, avec des sous-sections telles que Rendre tout plus grand représenté au niveau 2.

La page reste techniquement opérable sans repères et titres, mais la facilité d’utilisation est nettement meilleure quand les deux sont présentes. Un utilisateur lecteur d’écran peut d’abord accéder à la région appropriée, puis accéder rapidement à la sous-section spécifique dont il a besoin.

Utilisation

Utilisez AutomationProperties.LandmarkTypeProperty pour identifier le type de repère d’un conteneur d’interface utilisateur. Ce conteneur doit encapsuler l’ensemble d’éléments appartenant à la même région de navigation.

Utilisez AutomationProperties.LocalizedLandmarkTypeProperty pour fournir l’étiquette de repère annoncée aux utilisateurs. Pour les types de repères prédéfinis (par exemple, main ou navigation), les technologies d’assistance peuvent utiliser des conventions d’affectation de noms intégrées. Pour les types de repères personnalisés, vous devez définir cette propriété explicitement et vous pouvez également l’utiliser pour remplacer les étiquettes par défaut lorsqu’un nom plus spécifique à la tâche est utile.

Utilisez AutomationProperties.HeadingLevel pour marquer un élément en tant que titre et affecter un niveau de Level1 à Level9. Conservez la cohérence sémantique des niveaux de titre afin que les utilisateurs puissent déduire l’imbrication des sections et parcourir le contenu de manière prévisible.

Prendre en charge la navigation entre les volets avec F6 lorsque votre application contient plusieurs régions principales. Il s’agit d’un modèle familier dans les applications de bureau complexes telles que l’Explorateur de fichiers et Outlook, et il complète la sémantique des repères et des titres en fournissant un mécanisme de raccourci de région au clavier. Pour obtenir des conseils d’implémentation, consultez navigation clavier entre les volets d’application avec F6.

Exemples

Consultez les exemples de code pour résoudre les problèmes courants d’accessibilité par programmation dans les applications de bureau Windows pour des implémentations pratiques qui traitent des défauts d’accessibilité récurrents.

Ces exemples sont également référencés par Microsoft Accessibility Insights pour Windows, qui peut vous aider à détecter et trier les problèmes d’accessibilité dans l’interface utilisateur de votre application.