Améliorez l'accessibilité du site de votre client grâce à l'Assistant d'accessibilité. Cet outil analyse le site et affiche 2 onglets que vous êtes invité à remplir :
- Problèmes détectés : Problèmes que l'Assistant a détectés sur le site.
- Tâches manuelles : Paramètres / contenu supplémentaires du site que l'Assistant peut ne pas être en mesure de détecter.
Nous vous recommandons de suivre et d'effectuer toutes les tâches pour vous assurer que le site de votre client est plus accessible à tous.
Analyser le site avec l'Assistant d'accessibilité
Ouvrez l'Assistant dans votre Éditeur pour commencer à rendre le site plus accessible aux visiteurs.
Avant d'analyser le site, vous pouvez choisir si vous souhaitez que l'Assistant vérifie et réorganise l'ordre du DOM. Nous vous recommandons d'activer cette option, car elle garantit que l'analyse de l'Assistant et les tâches résultantes sont exactes.
Pour analyser le site :
- Cliquez sur Vérifier le site
à gauche de votre éditeur. - Sélectionnez Résoudre les problèmes d'accessibilité.
- Sélectionnez / désélectionnez l'option pour que l'Assistant réorganise l'ordre du DOM du site :
- Sélectionné : L'Assistant d'accessibilité analyse l'ordre du DOM du site et le réorganise automatiquement si nécessaire.
- Désélectionné : L'Assistant d'accessibilité n'analyse pas l'ordre du DOM du site et n'apporte pas de modifications.
- Cliquez sur Analyser le site dans le panneau.
Résoudre les problèmes détectés
L'onglet Problèmes détectés affiche les paramètres qui ont un impact sur l'ensemble du site (ex. la langue et les indicateurs de focus du site). Chaque page du site possède également son propre menu déroulant, qui garantit une analyse approfondie du site.
L'Assistant vous fournit des solutions pour chaque problème détecté, afin que vous n'ayez pas à quitter le panneau pour apporter des modifications.
Sélectionnez une option pour en savoir plus sur les problèmes qui peuvent être détectés.
Problèmes au niveau du site
Afficher des indicateurs de focus
Les indicateurs de focus sont des rectangles bleus qui apparaissent autour des éléments interactifs (comme les boutons ou les liens) lorsque les visiteurs utilisent un clavier pour naviguer sur le site en ligne.
Ils permettent au visiteur de voir où se trouve sa position actuelle - et sont donc essentiels pour l'accessibilité du site. Par conséquent, les indicateurs de focus sont automatiquement activés sur tous les sites de l'Éditeur Studio et ne peuvent pas être désactivés.
Ajouter un lien « Passer au contenu principal »
« Passer au contenu principal » est une fonctionnalité qui permet aux visiteurs utilisant la navigation au clavier de contourner les sections les plus importantes d'un site (telles que les menus et les titres de page) et de passer directement au contenu principal de la page.
Un lien « Passer au contenu principal » est automatiquement ajouté à tous les sites que vous créez dans l'Éditeur Studio, et ne peut pas être désactivé.
Configurer la langue principale du site
La configuration de la langue principale du site fournit aux technologies d'assistance les informations dont elles ont besoin pour restituer le contenu avec précision. Il le fait en :
- Indiquant le script / les caractères utilisés dans le texte du site
- Déterminant la prononciation du contenu du texte
- Permettant aux lecteurs de médias d'afficher les légendes correctes
Il est donc important de configurer la langue principale du site, car cela garantit aux visiteurs utilisant ces technologies la meilleure expérience.
Si vous avez ajouté Wix Multilingue à votre site, la langue principale choisie lors de la configuration
ne peut pas être modifiée.
Cependant, vous pouvez :
L'ordre du modèle d'objet de document (DOM) d'un site détermine l'ordre de « lecture » des éléments sur la page.
Certains visiteurs du site utilisent des lecteurs d'écran et d'autres technologies d'assistance pour naviguer sur un site.
Les lecteurs d'écran, par exemple, analysent le contenu du site et le « lisent » à voix haute pour le visiteur. Ces visiteurs, ainsi que les personnes ayant des besoins de mobilité, peuvent également utiliser la touche Tab pour naviguer dans le contenu du site.
L'organisation de l'ordre du DOM d'un site est donc importante pour l'accessibilité, car elle permet aux visiteurs utilisant ces technologies d'assistance et supplémentaires de parcourir et de naviguer sur le site dans un ordre logique.
Problèmes de page
Ajouter un titre de page descriptif
L'Assistant vous invite à modifier le titre d'une page lorsque le titre est « nouvelle page » (le titre par défaut attribué aux nouvelles pages que vous ajoutez à un site), ou que le titre contient « Copie de » (le titre par défaut attribué aux pages dupliquées).
Les visiteurs du site utilisent fréquemment des titres de page pour les diriger vers du contenu / des informations spécifiques. Afin d'assurer la meilleure expérience, un titre de page doit être :
- Descriptif : Les titres doivent résumer avec précision le contenu de la page et inclure des informations essentielles.
- Unique : Les titres ne doivent être utilisés que sur une seule page du site, et non répétés sur les pages.
- Concis : Les titres des pages doivent résumer le contenu tout en inclure des informations et des mots-clés pertinents.
Organiser la structure des titres
Les balises de titre sont des éléments du code HTML d'un site qui déterminent la hiérarchie / la structure du contenu de texte sur une page. Les balises titre suivent un ordre du haut vers le bas, du titre 1 (H1) au titre 6 (H6), puis le texte du paragraphe (P).
Les technologies d'assistance utilisent des balises de titre pour connaître l'ordre du contenu de la page. Par exemple, les lecteurs d'écran lisent d'abord le contenu H1, puis H2, H3, etc.
Ajouter du texte alternatif aux images
Le texte alternatif est une description textuelle d'une image sur une page Web.
Certains visiteurs peuvent utiliser des technologies d'assistance telles que les lecteurs d'écran pour naviguer sur les sites. Celles-ci lisent le contenu du site à haute voix aux visiteurs - y compris le texte alternatif.
Améliorer le contraste des couleurs
Le
contraste des couleurs est une mesure de la différence de luminosité aperçue entre deux couleurs, et est traduite sous la forme d'un ratio allant de 1:1 (pas de contraste) à 21:1 (fort contraste). Le fait d'avoir un contraste élevé garantit le contenu du site est facile à voir et à lire.
- Petit texte : Texte plus petit que 24px (18pts) :
- AA : 4,5:1 et plus
- AAA : 7:1 et plus
- Texte volumineux : Texte de plus de 24px (18 points), ou texte de plus de 18px (14pts) et gras :
- AA : 3:1 et plus
- AAA : 4,5:1 et plus
- Composants non textuels (ex. icônes) :
Remarque : Seul le niveau AA est actuellement requis dans l'Assistant d'accessibilité.
Effectuer des tâches manuelles
Les tâches manuelles mettent en évidence d'autres paramètres du site qui doivent être ajustés pour l'accessibilité. Cette section n'est pas automatique et vous devez donc vérifier manuellement le site et apporter les modifications nécessaires.
Utiliser un texte descriptif pour les liens et les boutons
Éviter d'utiliser uniquement des couleurs pour fournir des informations
Ajouter le texte important des images au texte alternatif
Le texte des images (tel que les photos de panneaux ou de slogans) ne peut pas être lu par les lecteurs d'écran. Nous vous recommandons de remplacer ces images par du texte réel lorsque c'est possible.
Si le texte de l'image est une partie importante du contenu du site, ou est essentiel dans la communication d'informations, incluez le texte dans la description de l'image (texte alternatif). [En savoir plus sur le texte dans les images
Fournir des alternatives textuelles pour les médias du site
Si le site contient des médias (ex. vidéos, GIF et fichiers audio), vous devez vous assurer qu'il est accessible à tous les visiteurs du site.
Vous pouvez le faire en ajoutant des solutions alternative, telles que des transcriptions et des légendes. Cela garantit que tous les visiteurs du site peuvent accéder au contenu et en profiter.
En savoir plus sur les médias alternatifsAjouter des contrôles aux animations et à l'audio
Certains lecteurs vidéo et audio peuvent être configurés pour être lus automatiquement lorsque la page se charge. Cependant, cela peut entraîner de la confusion et de la diversion pour les visiteurs, et peut interférer avec les technologies d'assistance. Par exemple, un lecteur audio qui commence automatiquement peut remplacer ou « parler » par-dessus un lecteur d'écran.
Vérifier que tout le contenu est visible lorsque le navigateur est zoomé
Les éléments / composants du site doivent toujours être visibles si le navigateur est zoomé. Cela permet aux utilisateurs ayant des difficultés visuelles de pouvoir agrandir le site et de toujours voir tout le contenu de la page. Vous pouvez vérifier cela en prévisualisant le site et en modifiant le zoom de votre navigateur sur 200 %.
En savoir plus sur le contenu zooméAjouter une déclaration d'accessibilité
L’accessibilité Web est une exigence légale dans plusieurs pays. Cependant, même s'il ne s'agit pas d'une exigence légale dans votre région, nous vous recommandons d'ajouter la déclaration. Celles-ci démontre l'engagement du site / votre client à fournir un site qui peut être apprécié par tous les visiteurs.
En savoir plus sur les déclarations d'accessibilité
