L’accessibilité vous aide à ouvrir votre contenu à un public plus large, afin que davantage de personnes puissent accéder à votre site. Voici une excellente ressource pour vous aider à démarrer liste des contrôles d’accessibilité réalisé par le World Wide Web Consortium (W3C). Dans cet article, nous mettrons en évidence quelques contrôles importants, alors assurez-vous de lire également le reste de la liste de contrôle. Optimisons votre site Web pour chaque visiteur!

Qu’est-ce que l’accessibilité et pourquoi est-elle importante ?

L’accessibilité consiste à garantir que le plus grand nombre de personnes possible puisse utiliser votre site. C’est logique, non ? Après tout, vous avez créé un site Web parce que vous souhaitez toucher votre public. Et en suivant la checklist, vous vous assurez d’atteindre tout le monde.

Si vous ne le faites pas, certaines personnes pourraient ne pas pouvoir accéder aux informations sur votre site. Vous négligeriez une grande partie de votre audience et, par conséquent, manqueriez de nombreuses opportunités d’engagement et de référencement. Alors mettons-nous au travail et cochons ces contrôles d’accessibilité !

Fournir un équivalent texte

Pour chaque élément non textuel, vous devez fournir un équivalent textuel. Cela vaut pour des choses comme les images, mais aussi pour tout ce qui va des régions de carte d’image et des GIF animés aux fichiers audio et vidéo autonomes. Cela peut être fait avec alt ou longdesc des balises, par exemple.

Pour les vidéos, cela peut être fait en ajoutant des sous-titres à vos vidéos. Si vous téléchargez vos vidéos sur YouTube, vous pouvez laisser YouTube générer automatiquement des sous-titres. Néanmoins, il est bon de les parcourir et de vérifier s’ils sont corrects.

Il en va de même pour les bobines TikTok et Instagram. La plupart des réseaux sociaux proposent des sous-titres automatiques, alors assurez-vous de les utiliser ! Et n’oubliez pas de modifier les balises alt ou les sous-titres lorsque la partie non textuelle change.

Faites attention à vos couleurs et à votre contraste

Pour les personnes daltoniennes ou ayant une déficience visuelle, certaines combinaisons de couleurs et certains contrastes ne fonctionnent tout simplement pas. Ils ne pourront pas lire votre texte. C’est pourquoi vous devez toujours vérifier si le contraste et les couleurs de votre site Web fonctionnent ensemble.

Un tableau avec deux colonnes.  La colonne de gauche est nommée : mauvais exemples.  De haut en bas, on peut lire : le bleu sur le noir est mauvais, le vert sur l'orange est mauvais, le rouge sur le vert est mauvais, le gris sur le violet est mauvais.  La colonne de droite est intitulée : bons exemples.  De haut en bas, on peut lire : jaune sur noir c'est bien, noir sur orange c'est bien, noir sur vert c'est bien, blanc sur violet c'est bien.  Les couleurs du texte et des fonds correspondent au texte.
Exemple de bon et mauvais contraste de couleurs

La méthode simple et rapide ? Convertir votre site Web en niveaux de gris. De cette façon, vous verrez rapidement ce qui est lisible et ce qui ne l’est pas. Vous pouvez également utiliser des outils en ligne pour vérifier le contraste d’une page Web. De plus, nous avons un article sur les outils d’accessibilitéoù nous mentionnons des contrôles d’accessibilité plus approfondis pour la couleur et le contraste.

Vacillant

Saviez-vous que si le contenu clignote plus de trois fois par seconde, il est potentiellement dangereux ? Cela pourrait provoquer des crises de photoépilepsie chez certaines personnes. Mais cela fatigue aussi les yeux en général. C’est pourquoi vous devriez éviter d’utiliser ce type de scintillement avec des gifs animés, du texte clignotant, etc. Et si vous doit utilisez-le, assurez-vous que les utilisateurs peuvent désactiver le scintillement.

Assurez-vous que votre site Web peut être utilisé avec une interface clavier

Ce contrôle d’accessibilité est particulièrement important pour les personnes qui n’ont que peu ou pas d’usage de leurs mains, voire qui n’en ont pas du tout. Ils s’appuieront sur un clavier pour naviguer sur votre site Web.

Les utilisateurs de clavier utilisent généralement le languette touche pour naviguer à travers les éléments interactifs tels que les liens, les boutons et les champs permettant de saisir du texte. Un utilisateur de clavier voyant (quelqu’un qui peut voir) doit être capable de voir qu’il s’est concentré sur quelque chose avec le languette clé. Ce focus est généralement indiqué par une bordure ou un surlignage autour de l’élément. Assurez-vous donc que votre site le montre clairement également !

Une capture d'écran de la page d'accueil de Yoast.  Il y a un contour noir du titre Yoast SEO pour Shopify.
Lorsque vous utilisez la touche de tabulation sur notre site, un contour noir indique ce sur quoi vous vous êtes concentré

Essayez d’utiliser votre site avec onglet uniquement ! Voyez si c’est facile, et si ce n’est pas le cas, assurez-vous de le corriger.

Permettre aux utilisateurs de contrôler les délais

Vous pouvez probablement imaginer que naviguer sur un site Web avec un clavier au lieu d’un curseur n’est pas toujours aussi rapide. Ainsi, les tâches limitées dans le temps peuvent être stressantes pour les utilisateurs de clavier. Et pas seulement eux, mais aussi les personnes souffrant d’un handicap moteur ou d’un trouble d’anxiété généralisée, ainsi que les personnes qui mettent plus de temps à lire ou ont une basse vision, peuvent également avoir du mal à respecter les limites de temps.

C’est pourquoi vous devez permettre aux utilisateurs de contrôler les délais, ou au moins leur donner un avertissement au moins 20 secondes avant l’expiration de leur temps. Si possible, permettez-leur d’obtenir une prolongation.

Utiliser un langage clair et simple

La liste de contrôle dit : utilisez le langage le plus clair et le plus simple adapté au contenu d’un site. N’essayez pas de rendre les choses trop compliquées. Et faites attention aux abréviations (les lecteurs d’écran ne peuvent pas les comprendre) et aux expressions idiomatiques ! Bien que cela puisse avoir du sens pour vous en tant que locuteur natif, cela ne se traduit pas toujours bien. Par exemple, si nous devions écrire « maintenant le singe sort de sa manche », qui est un idiome néerlandais, vous n’imaginez probablement pas que nous voulons dire que quelqu’un montre enfin à quoi il ressemble vraiment.

Illustration d’un homme blanc avec un singe sur le bras.  Le texte sur l'image dit : maintenant le singe sort de la manche.
Image de stuffdutchpeoplelike.com

Écrire clairement n’est évidemment pas seulement bon pour l’accessibilité de votre site, mais aussi pour votre référencement et votre expérience utilisateur en général. Pour vous aider, nous avons créé le analyse de lisibilité dans notre plugin. Cette analyse vous aidera écrire de meilleurs textes. Il scanne votre texte et vous indique par exemple si vos paragraphes sont trop longs, ou si vous utilisez trop la voix passive.

Aidez vos utilisateurs à éviter les erreurs

Disons que vous proposez un service dans lequel les gens doivent remplir leurs informations personnelles, ou que les gens peuvent répondre à un quiz sur votre site pour savoir quel produit correspond à leurs souhaits. Peu importe la qualité de votre explication préalable, les gens feront toujours des erreurs. Ce qui compte, c’est ce que vous dites aux gens lorsqu’ils ont commis une erreur.

Dites à vos utilisateurs ce qu’ils ont fait de mal et donnez-leur une suggestion facile à comprendre sur la façon de le faire correctement. N’utilisez pas de langage difficile. Et si quelqu’un choisissait la mauvaise option ? Si possible, assurez-vous que les utilisateurs peuvent annuler leurs actions. Sinon, donnez-leur l’opportunité à la fin de l’enquête/quiz/etc. pour revoir et confirmer ou corriger leurs réponses.

En savoir plus: Rédaction de contenu accessible : 4 vérifications que vous pouvez faire avec Yoast SEO et l’éditeur de blocs »

Que faire si vous ne pouvez pas modifier votre site ?

Pour parler franchement : la plupart des contrôles d’accessibilité mentionnés dans cet article ne sont pas difficiles. Et heureusement, la plupart des thèmes WordPress et autres créateurs de sites Web se concentrent davantage sur l’accessibilité. Néanmoins, si votre thème ou votre site ne coopère pas pendant que vous mettez en œuvre ces impressionnants changements d’accessibilité, vous devriez probablement trouver un meilleur thème pour votre site.

Conclusion : au travail !

En pensant accessibilité, vous pensez en réalité au design, à l’utilisation du contenu textuel et multimédia et à la structure de votre site. Regardez donc vos couleurs et votre contraste, vos balises alt et vos sous-titres. Et essayez d’utiliser votre site uniquement avec votre languette clé! Assurons-nous que votre site Web soit accessible à tous.

Continue de lire: Outils d’accessibilité faciles à utiliser »


Source link