Accessibilité : Utiliser l'assistant d'accessibilité

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. En savoir plus sur les indicateurs de focus.

« Passer au contenu principal » est une fonctionnalité qui permet aux visiteurs utilisant la navigation au clavier d'ignorer 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. 

Les liens « Passer au contenu principal » sont un élément important de l'accessibilité d'un site, car ils permettent aux visiteurs d'accéder rapidement aux informations dont ils ont besoin. En savoir plus sur « Passer au contenu principal ».

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. Cela se fait en : 

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 DOM (Document Object Model) 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 autres technologie de parcourir et de naviguer sur le site dans un ordre logique. En savoir plus sur l’ordre et l’accessibilité du DOM

La balise Title d'une page est le titre que les moteurs de recherche affichent généralement pour la page dans les résultats de recherche. Il est pris à partir du nom que vous donnez à la page, ainsi que du nom du site. 

L'Assistant vous invite à modifier le titre d'une page lorsque la balise Title contient « nouvelle page » (la valeur par défaut attribuée aux nouvelles pages que vous ajoutez à un site), ou « Copie de » (la valeur par défaut attribuée aux pages dupliquées).

Les balises Title de page fournissent aux visiteurs utilisant la technologie d'assistance des informations importantes sur le contenu de la page. Afin d'assurer la meilleure expérience, le titre des pages doit donc être :

Suggestion : Les balises Title de page précises sont également un élément important du référencement de votre site.

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 de 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. 

Une structure de titres précise est donc importante, car elle offre une expérience claire et logique aux visiteurs qui utilisent ces technologies. 

Vous pouvez ajuster de nombreuses balises de titre dans l'Assistant d'accessibilité. Cependant, certains éléments ne sont actuellement pas entièrement intégrés à l'Assistant et doivent être ajustés manuellement. 

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. 

Le texte alternatif est donc une partie importante d'un site, car il permet aux visiteurs utilisant ces technologies d'accéder au contenu et de comprendre ce que contient l'image. En savoir plus sur le texte alternatif et l'accessibilité.

Le contraste des couleurs est une mesure de la différence de luminosité aperçue entre deux couleurs, et est traduit sous la forme d'un ratio allant de 1:1 (pas de contraste) à 21:1 (fort contraste). Le fait d'avoir un contraste marqué garantit que le contenu du site est facile à voir et à lire. 

Le rapport de contraste des couleurs requis dépend du type de l'élément et du niveau de règles pour l'accessibilité des contenus Web (WCAG ) que vous souhaitez atteindre - AA (l'exigence minimale), ou AAA (amélioré) :

Vous pouvez ajuster le contraste de la plupart du contenu du site dans l'Assistant d'accessibilité. Cependant, certains éléments ne sont actuellement pas entièrement intégrés à l'Assistant et doivent être ajustés manuellement. En savoir plus sur l'ajustement du contraste des couleurs.

Remarque : Seul le niveau AA est actuellement requis dans l'Assistant d'accessibilité.

L'Assistant peut identifier les éléments et le contenu de la page qui ne sont pas entièrement accessibles aux visiteurs du site. Selon le type d'élément, vous pouvez le remplacer par une alternative à partir du panneau Ajouter des éléments. Si aucune option appropriée n'est disponible, nous vous recommandons de la supprimer du site.

Certains visiteurs du site peuvent avoir un ou plusieurs handicaps ou conditions qui ont un impact sur leur vision et/ou leur audience. Vous pouvez vous assurer que les fichiers médias sont accessibles en fournissant des solutions de remplacement (ex. des traductions et des descriptions audio) - permettant à ces visiteurs d'accéder, de comprendre et de profiter plus facilement du contenu. En savoir plus sur les médias alternatifs.

Le texte ou les éléments qui renvoient à d'autres pages, sections ou sites Web doivent être aussi descriptifs que possible. Par exemple, « En savoir plus sur nos dernières recherches » est plus clair que « En savoir plus ». Ils doivent également être clairs s'ils mènent à une action, comme l'envoi d'un formulaire. [Lire le document Règles pour l'accessibilité des contenus Web (WCAG) sur l'objet du lien] (data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/link-specific-in-context.html" target="_blank")

Les informations véhiculées par couleur doivent également avoir des indicateurs distincts, tels que les motifs, le style de la police et les icônes. Par exemple, le texte connecté doit être souligné et les graphiques doivent également afficher les données avec des motifs ou des textures différents. [Lire le document des Règles pour l'accessibilité des contenus Web (WCAG) sur l'utilisation de la couleur] (data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html" target="_blank").

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.

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. 

Nous vous recommandons donc d'offrir aux visiteurs des options d'arrêt / pause et de mise en sourdine le contenu. En savoir plus sur l'ajout de commandes

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é.

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 / de votre client à fournir un site qui peut être apprécié par tous les visiteurs. En savoir plus sur les déclarations d'accessibilité.

Il peut y avoir un contraste de couleurs sur le site que l'Assistant n'identifie pas. Afin de vous assurer que tout le contenu du site est clair et visible pour les visiteurs, nous vous recommandons de vérifier manuellement le contraste du contenu du site et de l'ajuster si nécessaire.