Accessibilité : Préparer votre site aux lecteurs d'écran
Temps de lecture : 4 min
Certains visiteurs de votre site peuvent utiliser des technologies d'assistance telles que des lecteurs d'écran pour naviguer sur votre site. Les lecteurs d'écran sont des applis utilisées par les personnes malvoyantes. Ils scannent le contenu de votre site, puis « lisent » le contenu à haute voix au visiteur. Les visiteurs qui utilisent des lecteurs d'écran utilisent également généralement la touche de tabulation pour naviguer sur votre site, car ils peuvent ne pas voir où cliquer.
L'ordre du DOM de votre site est l'ordre dans lequel les lecteurs d'écran et la touche de tabulation mettent en évidence et/ou « lisent » le contenu de votre page. Il doit suivre un ordre logique pour que vos visiteurs profitent de la meilleure expérience possible sur votre site, et qu'ils puissent comprendre et apprécier son contenu.
Remarque :
Certains visiteurs peuvent ne pas utiliser de lecteur d'écran, mais utiliser la touche Tab pour naviguer sur votre site, par exemple ceux qui ont des problèmes de mobilité. Par conséquent, nous vous recommandons de toujours vous assurer que l'ordre du DOM de votre site est correct.
Dans cet article, apprenez-en plus sur :
À propos de l'ordre du DOM de votre site
Le DOM est l'ordre des éléments sur votre site. Il est particulièrement important lorsque les visiteurs de votre site utilisent des lecteurs d'écran et/ou la touche de tabulation, car ils doivent pouvoir naviguer sur votre site dans un ordre logique. Par exemple, le menu du site doit apparaître en premier, suivi du reste des éléments de l'en-tête, puis du titre de la page, puis du contenu de la page, etc. Si l'ordre du DOM est incorrect, le lecteur d'écran / la touche Tab peuvent sauter ou sauter dans le contenu de votre page.
Wix définit automatiquement un ordre du DOM pour vous. La séquence utilise l'ordre visuel des éléments ; de gauche à droite et de haut en bas. Lorsque nous développons nos outils d'accessibilité, nous testons nos produits à l'aide des lecteurs d'écran suivants :
- Windows + Firefox ou Chrome: NVDA (lecteur gratuit)
- iOS + Safari : Voiceover (lecteur intégré)
Cela signifie que nous avons créé l'ordre automatique du DOM de votre site en gardant à l'esprit les fonctions des applications ci-dessus. Vous pouvez tester l'ordre automatique du DOM de votre site en utilisant la touche Tab de votre clavier ou un lecteur d'écran sur votre site en ligne.
Modifier l'ordre du DOM de votre site
Si vous testez l'ordre du DOM de votre site et que vous remarquez que l'ordre n'est pas logique, vous pouvez le modifier manuellement dans l'Assistant d'accessibilité. L'assistant d'accessibilité est un outil qui scanne votre site, repère les problèmes d'accessibilité potentiels et fournit des solutions concrètes pour y remédier. Vous pouvez également utiliser l'assistant d'accessibilité pour modifier les paramètres avancés d'accessibilité de votre site.
Important :
Si l'ordre de tabulation de votre site est logique, vous n'avez rien à faire. La modification de l'ordre alors qu'il est déjà correct peut entraîner des problèmes pour les visiteurs qui utilisent des lecteurs d'écran et/ou la touche Tab.
Pour modifier les paramètres du DOM :
- Sélectionnez Paramètres dans la barre supérieure de votre Éditeur.
- Sélectionnez Outil d'accessibilité.
- Sélectionnez l'icône Plus d'actions
en haut à droite de l'outil.
- Sélectionnez Paramètres avancés d'accessibilité.
- Sélectionnez Ordre DOM automatique .
- Désactivez le curseur dans le panneau.
- Sélectionnez Désactiver dans la fenêtre pop-up.
- Sélectionnez l'icône Calques
en bas à gauche de l'Éditeur. - Vérifiez la liste et supprimez tous les éléments redondants. Cela inclut les éléments dupliqués qui n'ont pas d'utilisation sur votre site et qui peuvent dérouter les utilisateurs de lecteurs d'écran.
- Glissez et déposez les éléments restants dans l'ordre souhaité.
Remarques :
- La navigation sur un site à l'aide de la touche Tab permet uniquement de naviguer dans les éléments interactifs et non dans les éléments statiques tels que le texte. Si vous souhaitez tester un lecteur d'écran sur des éléments statiques tels que du texte, suivez les instructions du centre d'aide de votre lecteur d'écran pour savoir comment naviguer correctement sur un site web avec un clavier.
- Les éléments épinglés sont automatiquement placés à la fin de la séquence de tabulation. Si vous souhaitez qu'un élément soit tabulé plus tôt dans la séquence, nous vous recommandons de détacher l'élément et de le placer dans l'en-tête.
Prochaines étapes :
- Ouvrez l'Éditeur mobile et répétez les mêmes étapes.
- Retournez à la Liste de contrôle de l'accessibilité pour continuer à améliorer l'accessibilité de votre site.
Cela vous a-t-il aidé ?
|