Wix Éditeur Harmony : 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 modèle d'objet de document (DOM) d'un site détermine l'ordre de sélection / lecture des éléments de la page (c'est-à-dire, l'ordre dans lequel les éléments sont lus par les lecteurs d'écran, et mis en surbrillance lors de l'utilisation de la touche Tab). 

L’ordre du DOM est également impacté par le sens de la langue de votre site. Nous vous recommandons d'organiser l'ordre du DOM avec l'assistant pour vous assurer que la lecture et l'ordre visuel de vos éléments sont alignés. En savoir plus sur l'ordre et l'accessibilité du DOM.

Remarque : Cette tâche n'est affichée que si l'ordre du DOM et le sens de la langue du site ne correspondent pas.

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

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 DOM fait référence à l'ordre de chargement et de lecture des éléments sur les pages de votre site, et est important pour les visiteurs utilisant des lecteurs d'écran et d'autres technologies d'assistance. Vous pouvez organiser l'ordre du DOM avec l'assistant pour vous assurer que la lecture et l'ordre visuel de vos éléments sont alignés. En savoir plus sur l'ordre et l'accessibilité du DOM.

Remarque : Cette tâche n'est affichée que si le DOM automatique est désactivé sur une ou plusieurs des sections de la page.

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. 

L'Assistant analyse la majeure partie du contenu du site. Cela inclut les pages de site standards et les pages qui font partie de solutions professionnelles (par exemple la page Agenda dans Wix Réservations).
Cependant, une partie du contenu de ces pages peut nécessiter des révisions ou des corrections manuelles. En outre, certaines pages du site ne sont pas scannées / prises en charge par l'Assistant.

L'Assistant d'accessibilité ne prend pas en charge :

Nous vous recommandons de parcourir ces pages avec notre check-list pour voir comment vous pouvez les rendre plus accessibles.