Aller au contenu

Pratique

Site web accessible : LHand, WCAG 2.2 et 12 erreurs typiques

L'accessibilité passe pour une obligation de l'administration. Pour les PME, c'est surtout de la portée : plus de clientèle atteignable, une meilleure utilisabilité, des classements plus stables.

Online3 minMis à jour

En Suisse, l'accessibilité passe pour un sujet des pouvoirs publics. Juridiquement, c'est à moitié vrai ; pratiquement, pas du tout. Qui connaît les erreurs les plus fréquentes améliore d'un coup portée, utilisabilité et valeurs de référencement.

LHand, eCH-0059 et WCAG 2.2 – qui exige quoi

La loi sur l'égalité pour les handicapés oblige la Confédération, les cantons et les communes à rendre leurs offres en ligne accessibles. Le standard suisse eCH-0059 décrit à quoi cela ressemble, en s'appuyant sur les directives internationales WCAG – actuellement la version 2.2 de 2023. Les niveaux A, AA et AAA échelonnent l'exigence ; les administrations visent AA, et c'est aussi la mesure raisonnable pour les entreprises. Les sociétés privées ne sont pas directement obligées, mais y entrent par deux voies : comme fournisseur des pouvoirs publics, où les appels d'offres exigent la conformité, et par l'obligation d'égalité pour les services accessibles au public.

Pourquoi cela compte aussi pour les PME

En Suisse, environ une personne sur cinq vit avec une déficience, à quoi s'ajoute une clientèle vieillissante à la vue qui baisse et à la main moins sûre. L'accessibilité n'est donc pas une niche, mais une utilisabilité normale. S'y ajoute l'effet secondaire chez Google : des titres proprement hiérarchisés, des textes de liens parlants, des textes alternatifs et des vidéos sous-titrées sont exactement les signaux à partir desquels moteurs de recherche et assistants IA lisent la structure d'une page. Qui range pour les lecteurs d'écran range en même temps pour le robot.

Les douze erreurs que nous trouvons le plus souvent

  • Contraste trop faible : une écriture gris clair sur blanc paraît calme, mais manque le rapport requis de 4,5:1 pour le texte courant.
  • Textes alternatifs absents ou vides sur des images qui portent une information.
  • Textes alternatifs comme « image » ou le nom du fichier – pire que rien.
  • Titres posés selon l'optique et non la hiérarchie, donc H3 avant H2.
  • Pas de marquage de focus visible : qui navigue au clavier ne voit pas où il se trouve.
  • Éléments de commande qui ne fonctionnent qu'à la souris – menus déroulants, carrousels, lightboxes.
  • Champs de formulaire sans étiquette liée ; le texte d'exemple disparaît à la saisie.
  • Messages d'erreur seulement en rouge, sans texte disant ce qu'il faut corriger.
  • Textes de liens comme « cliquer ici » ou « plus », sans sens hors de la phrase.
  • Vidéos sans sous-titres ni transcription.
  • Animations à démarrage automatique sans possibilité d'arrêt.
  • Absence de balisage de langue, si bien que la voix de lecture prononce le français à l'anglaise.

Clavier et formulaires sont les cas durs

Contraste et textes alternatifs se corrigent en un après-midi. Cela devient plus lourd avec les éléments de commande. Notre test est simple : posez la souris et parcourez le trajet le plus important – accueil, prestation, formulaire, envoi – uniquement avec tabulation, flèches et Entrée. Là où vous restez bloqué, une partie de votre clientèle reste bloquée aussi. Pour les formulaires, nous vérifions en plus si les messages d'erreur sont lus et si une adresse déjà saisie n'est pas redemandée – WCAG 2.2 a ajouté des critères propres pour cela.

Sous-titres et transcriptions

Les sous-titres se créent aujourd'hui automatiquement et se corrigent en quelques minutes. Les noms propres et les termes techniques sont importants, car c'est là que l'automatique se trompe. Une transcription sous la vidéo est accessible et en même temps du texte consultable pour les moteurs de recherche.

Conclusion

L'accessibilité n'est pas un projet avec une date de fin, mais une habitude dans la construction et l'entretien. Un passage au clavier, au mesureur de contraste et avec un test automatisé découvre la plus grande partie. Nous vérifions les sites existants et montrons quelles corrections agissent tout de suite et lesquelles vont dans la prochaine étape d'extension.

AccessibilitébarrierefreiheitLHandWCAGeCH-0059webdesignutilisabilitéSEO

Autres articles

Actualités

Parlons de votre projet.