Accessibilité : Vérifier et ajuster l'ordre du DOM d'un site
Temps de lecture : 6 min
L'ordre du DOM d'un site est l'ordre dans lequel les lecteurs d'écran et la touche Tab permettent de mettre en évidence et/ou de lire le contenu de la 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.
Dans cet article, apprenez-en plus sur :
Ordre du DOM sur les sites
Le DOM d'un site correspond à l'ordre dans lequel les éléments sur les pages du site sont chargés et lus. Wix configure automatiquement un ordre du DOM en fonction de 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 en utilisant les 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 du DOM automatique de votre site en gardant les fonctions des applications ci-dessus à l'esprit.
Important :
L'ordre du DOM automatique sur les sites Wix sur ordinateur a été conçu pour les scripts de gauche à droite (ex. anglais, espagnol, etc.). Si votre site utilise un script de droite à gauche tel que l'arabe ou l'hébreu, vous devez réorganiser manuellement l'ordre du DOM dans le panneau Calques.
Pourquoi l'ordre du DOM est important
Certains visiteurs du site peuvent utiliser les lecteurs d'écran et d'autres technologies d'assistance pour naviguer sur votre site. Ces technologies aident les visiteurs souffrant de déficiences visuelles en parcourant le contenu du site et en le lisant à haute voix pour le visiteur.
Les visiteurs qui utilisent des lecteurs d'écran, ainsi que ceux qui présentent des troubles qui affectent la mobilité, peuvent utiliser la touche Tab pour naviguer dans le contenu de votre site. L'ordre du DOM du site est donc important pour les visiteurs utilisant des lecteurs d'écran et/ou la touche Tab, car ils doivent pouvoir naviguer sur votre site dans un ordre logique.
Par exemple, le menu du site doit venir 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 peut ignorer ou survoler le contenu de votre page.
Vous souhaitez tester l'ordre du DOM de votre site ?
Vous pouvez tester l'ordre automatique du DOM de votre site en utilisant la touche Tab de votre clavier ou un lecteur d'écran la version en ligne du site.
DOM automatique dans l'Assistant d'accessibilité
Lorsque vous travaillez sur un site de l'Éditeur Studio, vous pouvez voir l'option pour organiser automatiquement son ordre du DOM dans l'Assistant d'accessibilité. Nous vous recommandons de sélectionner cette option, car cela garantit que le scannage de l'Assistant et les tâches qui en résultent sont correctes.
Vous ne voyez pas cette case à cocher ?
L'option pour organiser le DOM du site ne se remplit pas si :
- Le site a été créé après le début du mois de novembre 2024
- Vous avez déjà organisé le DOM du site avec l'Assistant d'accessibilité
- Vous avez désactivé le DOM automatique sur le site
Modifier manuellement l'ordre du DOM d'un site
Si vous remarquez que l'ordre du DOM de votre site n'est pas logique, nous vous recommandons de le modifier pour assurer une expérience améliorée pour les visiteurs.
Utilisez l'Assistant d'accessibilité et le panneau Calques pour modifier le DOM sur les sites de l'Éditeur Wix. Si vous créez un site dans l'Éditeur Studio, vous pouvez ajuster l'ordre à l'aide des panneaux Calques et Pages du 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 l'ordre du DOM :
Éditeur Wix
Éditeur Studio
Comme Wix configure automatiquement un ordre du DOM pour votre site, vous devez le désactiver dans les paramètres avancés de l'Assistant d'accessibilité.. Vous pouvez ensuite ajuster manuellement l'ordre du DOM des éléments dans le panneau Calques de votre site, selon vos besoins.
Pour modifier les paramètres et l'ordre du DOM de votre site :
- Accédez à votre Éditeur.
- Cliquez sur Paramètres en haut et sélectionnez Assistant d'accessibilité.
- Cliquez sur l'icône Plus d'actions
en haut du panneau Assistant d'accessibilité. - Sélectionnez Paramètres d'accessibilité avancés.
- Sélectionnez Ordre DOM automatique .
- Désactivez le curseur dans le panneau.
- Sélectionnez Désactiver dans la fenêtre pop-up.
- Sélectionnez 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é.
Prochaine étape :
Ouvrez l'Éditeur mobile et répétez les mêmes étapes.
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.
Prochaine étape ?
Retournez à la liste de vérification de l'accessibilité pour continuer à travailler sur l'accessibilité de votre site.
Cela vous a-t-il aidé ?
|