Technologie

Accessibilité web : ce que l'European Accessibility Act change

L'European Accessibility Act et son impact sur les sites web des PME suisses. Obligations, bonnes pratiques et checklist concrète.

· tacelo
Accessibilité web et European Accessibility Act pour PME suisses

L’European Accessibility Act : ce qui change en 2025

L’European Accessibility Act (EAA) est entré en vigueur le 28 juin 2025 dans l’Union européenne. Cette directive impose aux entreprises de rendre leurs produits et services numériques accessibles aux personnes en situation de handicap. Sites web, applications mobiles, e-commerce : tout est concerné.

Concrètement, les entreprises de l’UE qui vendent en ligne doivent respecter le standard WCAG 2.1 niveau AA. Les sanctions varient selon les pays membres, mais elles sont réelles.

Impact sur la Suisse

La Suisse n’est pas membre de l’UE. On n’est donc pas directement soumis à l’EAA. Mais l’impact est bien là :

  • Commerce transfrontalier : toute PME suisse qui vend à des clients dans l’UE ou utilise des plateformes européennes est indirectement concernée.
  • Fournisseurs et partenaires : les entreprises suisses qui travaillent avec des sociétés européennes peuvent se voir imposer des exigences d’accessibilité contractuelles.
  • Tendance réglementaire : la Suisse aligne progressivement sa législation numérique sur l’UE (voir la nLPD en 2023). Une réglementation similaire est probable à moyen terme.
  • Loi sur l’égalité pour les handicapés (LHand) : elle s’applique déjà aux services publics suisses et pourrait s’étendre.

Ne pas s’y préparer maintenant, c’est prendre du retard.

Ce que l’accessibilité signifie concrètement

On ne parle pas de refondre entièrement un site. On parle de respecter des règles techniques précises :

Critères essentiels WCAG 2.1 AA

  • Contraste des couleurs : ratio minimum de 4.5:1 pour le texte standard, 3:1 pour le texte de grande taille.
  • Navigation au clavier : chaque élément interactif doit être utilisable sans souris, avec un ordre de tabulation logique.
  • Textes alternatifs : chaque image porteuse de sens doit avoir un attribut alt descriptif. Optimiser ses images va de pair avec l’accessibilité.
  • Labels de formulaires : chaque champ de saisie doit être associé à un <label> explicite.
  • HTML sémantique : utiliser <nav>, <main>, <article>, <header>, <footer> au lieu de <div> partout.
  • Attributs ARIA : aria-label, aria-expanded, aria-hidden pour les éléments dynamiques (menus, modales).
  • États de focus visibles : l’utilisateur qui navigue au clavier doit voir clairement quel élément est sélectionné.
  • Compatibilité lecteur d’écran : le contenu doit être lisible par VoiceOver, NVDA ou JAWS.
  • Expérience mobile : un site accessible doit aussi être optimisé pour les smartphones, où les contraintes d’interaction sont les plus fortes.

Les quick wins à appliquer immédiatement

  1. Vérifier la hiérarchie des titres : un seul <h1> par page, puis <h2>, <h3> dans l’ordre.
  2. Ajouter un alt à chaque image (ou alt="" pour les images décoratives).
  3. Tester le contraste avec l’outil gratuit WebAIM Contrast Checker.
  4. Vérifier que le site est navigable uniquement au clavier (touche Tab).
  5. Ajouter des <label> à tous les champs de formulaire.

Accessibilité et SEO : le même combat

Google valorise les sites accessibles. Ce n’est pas un hasard :

  • Le HTML sémantique aide les robots à comprendre la structure du contenu.
  • Les textes alternatifs sur les images permettent à Google Images de les indexer.
  • Une bonne hiérarchie de titres améliore le classement pour les featured snippets.
  • Un site navigable au clavier est aussi un site rapide et bien structuré.

Investir dans l’accessibilité, c’est investir dans le référencement.

L’approche tacelo

Chez tacelo, tous les sites qu’on développe intègrent l’accessibilité dès la conception :

  • HTML sémantique systématique (<nav>, <main>, <section>, <article>).
  • Hiérarchie de titres respectée sur chaque page.
  • Attributs ARIA sur les composants interactifs (menus mobiles, accordéons).
  • Contraste vérifié sur chaque combinaison couleur texte/fond.
  • Focus states visibles sur tous les éléments cliquables.

On ne facture pas l’accessibilité en supplément. C’est inclus dans chaque projet, parce que c’est la base d’un site web bien fait.

Questions fréquentes

Mon site est-il obligé d’être accessible en Suisse ?

Si on vend exclusivement en Suisse à des clients privés, il n’y a pas d’obligation légale stricte aujourd’hui (sauf pour les organismes publics via la LHand). Mais la tendance réglementaire va dans ce sens, et un site accessible touche un public plus large — environ 20 % de la population vit avec une forme de handicap.

Comment tester l’accessibilité de mon site ?

On recommande trois outils gratuits : l’extension navigateur WAVE (WebAIM), Lighthouse intégré dans Chrome DevTools (onglet Accessibility), et le test manuel de navigation au clavier (Tab, Enter, Escape). Ces trois tests couvrent 80 % des problèmes courants.

Combien coûte la mise en conformité d’un site existant ?

Pour un site vitrine de 5-6 pages, un audit et les corrections prennent généralement 4 à 8 heures de travail, soit 500 à 1’200 CHF selon la complexité. Pour un site e-commerce ou une application web, le budget peut monter à 3’000-5’000 CHF. Mieux vaut intégrer l’accessibilité dès la création — c’est nettement moins cher que de corriger après coup.

Besoin d'un site web ?

Prix fixes dès 990 CHF, livré en 1 semaine.

Discuter sur WhatsApp