Plus de 96 % des sites les plus visités présentent des défauts d'accessibilité détectables sur leur page d'accueil. Ce chiffre vient de l'étude annuelle d'accessibilité de WebAIM, qui teste chaque année des millions de pages. La conception de sites accessibles n'est pas la règle par défaut. Elle doit être construite délibérément, et sur la majorité des sites d'entreprise, elle ne l'a pas été.
Concevoir un site web accessible, c'est le structurer et le construire pour que les personnes en situation de handicap puissent le percevoir, y naviguer et interagir avec lui efficacement. Cela comprend les personnes malvoyantes qui utilisent des lecteurs d'écran, les personnes avec un handicap moteur qui naviguent au clavier plutôt qu'à la souris, les personnes malentendantes qui ont besoin de sous-titres pour les contenus audio et vidéo, et les personnes avec des troubles cognitifs qui profitent de mises en page claires et cohérentes.
L'accessibilité n'est pas une fonctionnalité ajoutée à la fin de la construction. C'est un ensemble de décisions de design et de développement prises tout au long du projet, qui déterminent si tous les visiteurs, et pas seulement ceux qui n'ont pas de handicap, peuvent utiliser le site.
Quels visiteurs la conception de sites accessibles concerne-t-elle ?
L'Organisation mondiale de la santé estime que plus de 1,3 milliard de personnes vivent avec une forme de handicap. Cela représente environ 16 % de la population mondiale. Concevoir pour l'accessibilité, c'est concevoir pour une part importante de votre public potentiel.
Les bénéfices dépassent les utilisateurs en situation de handicap permanent. Un visiteur qui utilise son téléphone en plein soleil voit moins bien. Une personne avec une blessure temporaire peut naviguer au clavier. Un utilisateur qui regarde une vidéo dans un environnement bruyant a besoin de sous-titres pour suivre. Les améliorations d'accessibilité aident autant les limitations temporaires et ponctuelles que les limitations permanentes. Un site conçu pour être accessible fonctionne mieux pour un éventail de personnes bien plus large.
Il y a aussi une dimension juridique. Dans de nombreux pays, dont les États-Unis, la loi oblige les entreprises à offrir un accès égal à leurs services. Des sites web ont fait l'objet de poursuites pour manque d'accessibilité, et le nombre d'actions en justice sur l'accessibilité web augmente régulièrement chaque année. L'article comment rendre votre site conforme à l'ADA explique ce que les exigences légales signifient en pratique pour les sites d'entreprise.
Que sont les normes d'accessibilité WCAG ?
Les Web Content Accessibility Guidelines, connues sous le nom de WCAG, sont les normes reconnues internationalement pour l'accessibilité web. Publiées par le World Wide Web Consortium, les WCAG définissent trois niveaux de conformité. Le niveau A est le socle minimal. Le niveau AA est la norme citée dans la plupart des cadres juridiques et l'objectif pratique pour les sites d'entreprise. Le niveau AAA est le plus complet et il est rarement exigé sur un site entier.
Les WCAG s'organisent autour de quatre principes fondamentaux, désignés par l'acronyme POUR (en anglais).
Perceptible
Tout le contenu doit être présenté de façon que les utilisateurs puissent le percevoir. Les textes alternatifs des images permettent aux lecteurs d'écran de décrire le contenu visuel aux utilisateurs qui ne peuvent pas le voir. Les sous-titres et les transcriptions rendent l'audio et la vidéo accessibles aux personnes malentendantes. Un contraste de couleurs suffisant garantit que le texte est lisible pour les personnes malvoyantes ou daltoniennes.
Utilisable
Toutes les fonctionnalités doivent être utilisables au clavier, et pas seulement à la souris ou à l'écran tactile. La navigation doit être prévisible. Les utilisateurs doivent avoir assez de temps pour lire le contenu et interagir avec lui sans pression de temps. Les contenus clignotants susceptibles de provoquer des crises doivent être évités ou contrôlés.
Compréhensible
Le contenu et la navigation doivent être lisibles et compréhensibles. La langue de la page doit être déclarée pour que les lecteurs d'écran appliquent les bonnes règles de prononciation. Les messages d'erreur des formulaires doivent expliquer ce qui n'a pas marché et comment le corriger. La navigation doit se comporter de la même façon d'une page à l'autre, pour que les utilisateurs puissent prévoir où se trouvent les commandes.
Robuste
Le contenu doit fonctionner de façon fiable avec les technologies d'assistance actuelles et futures. Cela suppose d'utiliser un HTML valide et sémantique, pour que les lecteurs d'écran et autres outils interprètent correctement la structure de la page. Les boutons doivent être codés comme des boutons. Les titres doivent suivre une hiérarchie logique plutôt qu'être choisis pour leur seule taille visuelle. L'article qu'est-ce que la hiérarchie visuelle explique comment la structure des titres et le poids visuel fonctionnent ensemble sur une page.
Quels sont les problèmes d'accessibilité les plus courants ?
L'analyse d'accessibilité de WebAIM identifie six types de défauts qui apparaissent sur la très grande majorité des pages testées. L'absence de texte alternatif sur les images est le plus fréquent. Le faible contraste de couleurs entre le texte et son arrière-plan est le deuxième. Les étiquettes de formulaire manquantes, les liens vides, l'absence de déclaration de la langue du document et les boutons vides complètent la liste.
Pour les sites d'entreprise, les points de départ pratiques sont des textes alternatifs pour toutes les images porteuses de sens, un contraste suffisant sur tous les éléments de texte, des étiquettes claires sur chaque champ de formulaire et une structure de titres logique sur chaque page.
L'accessibilité de la navigation est une autre lacune fréquente. Les menus déroulants qui ne s'activent qu'au survol posent problème aux utilisateurs du clavier. Les liens qui disent « cliquez ici » ou « en savoir plus » sans contexte posent problème aux utilisateurs de lecteurs d'écran qui naviguent par liste de liens. L'article qu'est-ce que la navigation d'un site web explique comment construire une navigation qui fonctionne avec tous les modes de saisie et tous les appareils.
Comment tester l'accessibilité de votre site web ?
Les outils automatiques peuvent repérer rapidement une grande partie des défauts d'accessibilité. Les extensions de navigateur qui analysent les pages selon les critères WCAG font ressortir les problèmes de contraste, les textes alternatifs manquants et les problèmes de structure, sans aucune configuration technique. Lancer une analyse automatique est une première étape raisonnable, qui attrapera les problèmes les plus courants sur la plupart des pages.
Les tests automatiques ont des limites. Ils ne peuvent pas évaluer de façon fiable si un texte alternatif est descriptif, si l'ordre de lecture a du sens quand le CSS est retiré, ou si les éléments interactifs fonctionnent correctement avec un lecteur d'écran. Un test manuel est nécessaire pour un audit sérieux. Parcourir les pages clés d'un site en utilisant uniquement le clavier, sans toucher à la souris, est une vérification rapide qui révèle tout de suite les problèmes d'utilisabilité.
Pour un audit complet, tester avec une vraie technologie d'assistance est l'approche la plus fiable. Les lecteurs d'écran sont disponibles gratuitement sur tous les grands systèmes d'exploitation, et parcourir les pages importantes d'un site avec l'un d'eux met au jour des problèmes que les outils automatiques ratent complètement.
Quel effet l'accessibilité a-t-elle sur le SEO ?
De nombreuses pratiques d'accessibilité soutiennent directement le SEO. Le texte alternatif des images donne du contexte aux moteurs de recherche, qui ne savent pas interpréter le contenu visuel. Une structure de titres logique aide les moteurs de recherche à comprendre l'organisation d'une page. Des textes de lien descriptifs donnent aux moteurs de recherche des ancres significatives plutôt que des phrases génériques. Les pages navigables au clavier et proprement structurées ont tendance à mieux performer sur les signaux d'expérience utilisateur en général.
Ce recoupement n'est pas un hasard. L'accessibilité comme le SEO consistent fondamentalement à rendre le contenu disponible et compréhensible pour un plus large éventail d'utilisateurs et de systèmes. Les améliorations de l'un profitent souvent à l'autre. L'article qu'est-ce que le SEO explique comment les moteurs de recherche évaluent la qualité d'une page et où les pratiques d'accessibilité croisent les signaux de classement.
Comment WEMASY gère l'accessibilité
Le créateur de site web de WEMASY génère du HTML sémantique et applique les structures de titres dans un ordre logique. Des champs de texte alternatif sont prévus pour toutes les images, pour pouvoir ajouter des descriptions sans modifier de code. Les modèles sont conçus selon les normes de contraste de couleurs WCAG AA, si bien que le design par défaut les respecte sans réglage manuel. La navigation au clavier et les zones tactiles sur mobile sont gérées par la plateforme, sans configuration séparée.
Découvrez ce qui est inclus sur le créateur de site web WEMASY ou consultez les offres sur la page des tarifs.
Questions fréquentes
L'accessibilité d'un site web est-elle une obligation légale ?
Aux États-Unis, l'Americans with Disabilities Act oblige les entreprises à offrir un accès égal à leurs services, et les tribunaux ainsi que le ministère de la Justice ont confirmé que cela s'étend aux sites web. La directive européenne sur l'accessibilité des sites web et l'acte européen sur l'accessibilité imposent des exigences similaires. Le paysage juridique varie selon le pays et le type d'entreprise, mais pour toute entreprise qui s'adresse au public, traiter l'accessibilité comme facultative comporte un risque juridique. Avec le créateur de site web de WEMASY, vous pouvez le mettre en place directement sur votre site.
Quelle différence entre WCAG A, AA et AAA ?
Les WCAG ont trois niveaux de conformité. Le niveau A couvre les exigences minimales que tout contenu web devrait respecter. Le niveau AA ajoute des critères plus précis sur le contraste des couleurs, l'accessibilité au clavier et la gestion des erreurs dans les formulaires. C'est le niveau cité dans la plupart des cadres juridiques et l'objectif pratique pour les sites d'entreprise. Le niveau AAA est le plus complet et n'est généralement pas exigé comme norme générale, car certains critères ne peuvent pas être respectés pour tous les types de contenu.
Rendre un site accessible le ralentit-il ?
Non. Ajouter des textes alternatifs, améliorer la structure des titres et augmenter le contraste des couleurs n'ont aucun effet sur le temps de chargement. Certains ajouts d'accessibilité, comme les transcriptions des contenus vidéo, impliquent des fichiers supplémentaires, mais les pratiques d'accessibilité de base qui s'appliquent à la plupart des sites d'entreprise sont des changements de structure et de texte qui n'ont aucun coût en performances.
Quelle part d'un site web doit être accessible ?
Tout. L'accessibilité s'applique à chaque page qu'un visiteur peut atteindre, y compris les fiches produit, les formulaires de contact, le processus de paiement et tous les documents à télécharger. Une page d'accueil qui réussit les tests d'accessibilité alors qu'un formulaire de contact échoue reste une expérience inaccessible pour les utilisateurs qui en ont besoin. Les audits d'accessibilité doivent couvrir tout le parcours de l'utilisateur pour les tâches clés qu'un visiteur peut accomplir, pas seulement la page d'accueil.
Qu'est-ce qu'une déclaration d'accessibilité ?
Une déclaration d'accessibilité est une page qui décrit le niveau actuel de conformité d'un site web en matière d'accessibilité, indique les limites connues et donne des coordonnées aux utilisateurs qui rencontrent des problèmes. C'est une mesure de transparence plutôt qu'un bouclier juridique. De nombreuses réglementations sur l'accessibilité en exigent ou en recommandent une, et elle signale aux utilisateurs en situation de handicap que l'accessibilité a été prise en compte. Une déclaration est plus utile quand elle est tenue à jour et reflète l'état réel du site.