Accessibilité web en Suisse : obligations légales et bonnes pratiques
Votre site web est-il accessible à une personne malvoyante ? À quelqu’un utilisant un clavier au lieu d’une souris ? À un lecteur d’écran utilisateur ? Si vous hésitez, il est temps de vous intéresser à l’accessibilité numérique.
En Suisse, ce n’est plus un sujet de vertu morale. C’est une obligation légale qui renforce votre entreprise.
Pourquoi l’accessibilité web compte pour votre entreprise suisse
Avant de parler de conformité, voici les faits pragmatiques.
Les chiffres en Suisse
– 1,7 million de personnes vivent avec un handicap (environ 20% de la population)
– 250’000 à 400’000 utilisent internet quotidiennement avec des technologies d’assistance
– Plus de 50% des utilisateurs activent les fonctionnalités d’accessibilité occasionnellement (zoom, sous-titres, mode sombre)
L’impact commercial
– Un site inaccessible exclut 15-20% du marché potentiel
– L’accessibilité améliore le SEO (moteurs de recherche aiment les contenus bien structurés)
– Les utilisateurs ayant des besoins d’accessibilité sont souvent fidèles (leur choix de site est contraint)
– Les grandes entreprises et administrations préfèrent sous-traiter auprès de prestataires accessibles
Le risque légal en Suisse
Depuis l’entrée en vigueur de la loi sur l’égalité pour les handicapés (LHand) en 2004, les organisations publiques doivent respecter l’accessibilité. Mais cela s’étend : certains cantons (Genève, Vaud) et la Confédération poussent pour une application aussi aux PME.
Des poursuites ont déjà eu lieu en Suisse. En 2023, une action collective a visé une grande banque pour son site inaccessible.
Le cadre légal suisse : plus complexe qu’il n’y paraît
L’accessibilité web en Suisse ne repose pas sur une loi fédérale unique. C’est un assemblage de normes et d’obligations selon votre contexte.
La Loi fédérale sur l’égalité pour les handicapés (LHand)
Entrée en vigueur en 2004, la LHand oblige les organisations du secteur public à rendre leurs offres accessibles.
Qui est concerné ?
– L’État fédéral et ses services
– Les cantons et communes
– Les établissements publics et semi-publics
– Les organisations subventionnées (associations, ONG)
Que dit-elle sur le web ?
La LHand stipule que les services publics numériques doivent être accessibles. Pas de détails techniques : c’est là que les normes WCAG entrent en jeu.
Les normes WCAG 2.1 : le standard de facto
Les Directives d’accessibilité pour le contenu Web (WCAG), publiées par le W3C, sont le standard international de référence. En Suisse :
- L’administration fédérale suit WCAG 2.1 niveau AA (conforme à l’ordonnance fédérale sur l’accessibilité des sites web publics)
- Les cantons adoptent progressivement le même standard
- Les PME privées ne sont pas légalement obligées, mais les marchés publics les exigent de plus en plus
Les trois niveaux WCAG
– Niveau A : critères basiques (au minimum)
– Niveau AA : critères intermédiaires (le standard minimal pour la Suisse publique)
– Niveau AAA : critères avancés (rarement exigé, trop coûteux)
L’ordonnance fédérale sur l’accessibilité des sites web publics
La Confédération a publié une ordonnance technique (OASIT) qui précise comment implémenter l’accessibilité dans le secteur public. Elle inclut :
Obligations minimales
– Structure HTML sémantique
– Contraste de couleur minimum (4.5:1 pour du texte normal)
– Alternatives textuelles pour les images
– Navigation au clavier complète
– Vidéos sous-titrées
– Formulaires correctement étiquetés
Calendrier
– Sites existants : adaptation avant décembre 2024 (en cours)
– Nouveaux sites : accessibilité dès la conception
– Documents PDF : progressivement accessibles
Que cela signifie pour les PME suisses
La loi n’oblige pas techniquement les PME privées à être conformes. Mais :
-
Si vous travaillez avec l’État, vous êtes de facto obligés. Les appels d’offres publics incluent souvent une clause d’accessibilité.
-
Si vos clients sont des organisations publiques ou grandes ETI, l’accessibilité devient un critère de sous-traitance.
-
Légalement, c’est en mouvement. Plusieurs parlementaires suisses ont déposé des motions pour étendre l’obligation aux secteurs privés. Un précédent existe en France et en Allemagne.
-
Éthiquement et commercialement, exclure 20% de votre marché n’a pas de sens.
Notre recommandation : les PME suisses doivent viser WCAG 2.1 niveau AA, pas par légalisme absolu, mais par prudence commerciale.
Les obstacles courants : l’accessibilité en pratique
Comprendre où intervenir c’est aussi comprendre où les choses vont mal.
Problème 1 : Structure HTML défaillante
Le symptôme : votre site « fonctionne » dans le navigateur, mais une personne utilisant un lecteur d’écran ne comprend rien.
La cause : structure HTML mal pensée. Les titres ne sont pas des vrais <h1>, <h2>, <h3>. Les listes ne sont pas des listes <ul>. Les boutons sont des <div> stylisés.
L’impact : un utilisateur malvoyant navigue aveugle dans votre site.
La solution : utiliser l’HTML sémantique. Les balises HTML ont un sens. Les utiliser correctement c’est aider les machines à comprendre votre contenu.
Problème 2 : Couleurs insuffisantes
Le symptôme : du texte gris clair sur fond blanc qui se lit aisément sur écran neuf, mais devient illisible sur une vieille dalle ou en plein soleil.
La cause : les designers négligent le contraste. Un « jolie couleur » est choisie sans tester le ratio de contraste.
L’impact : 15% des hommes sont daltoniens. Les personnes âgées voient moins bien. Les utilisateurs en mode sombre sont exclus.
La solution : utiliser un ratio de contraste minimum de 4.5:1 (AA) ou 7:1 (AAA). Des outils gratuits testent cela en secondes.
Problème 3 : Images sans description
Le symptôme : une infographie, un graphique ou une photo important n’a aucun texte alternatif.
La cause : oublier l’attribut <alt> ou le remplir par un générique (<alt= »image »>).
L’impact : les lecteurs d’écran annoncent « image » et passent. L’information visuelle est perdue.
La solution : décrire précisément. <alt= »Évolution du chiffre d’affaires 2020-2025 : croissance linéaire de 5M à 12M CHF »>.
Problème 4 : Vidéos sans sous-titres
Le symptôme : une vidéo YouTube intégrée, aucun sous-titre.
La cause : sous-estimer l’audience sourde ou malentendante.
L’impact : cette audience est exclue. Et les sous-titres aident aussi les utilisateurs en environnement bruyant.
La solution : ajouter des sous-titres (YouTube le fait automatiquement maintenant, mais demande relecture).
Problème 5 : Navigation au clavier impossible
Le symptôme : vous ne pouvez naviguer dans le site en utilisant uniquement Tab et Entrée.
La cause : les développeurs ont utilisé des éléments non-interactifs (div, span) au lieu de vrais boutons. Ou la focus zone n’est pas visible.
L’impact : un utilisateur handicapé moteur (à cause de son handicap ou simplement vieux) ne peut pas interagir.
La solution : utiliser les bons éléments HTML (<button>, <a>, <input>) et gérer le focus visuellement.
Problème 6 : Formulaires mal étiquetés
Le symptôme : un champ de saisie sans label associé, juste un placeholder.
La cause : design épuré pensé par des voyants.
L’impact : un lecteur d’écran ne sait pas ce qu’est le champ. Et si on tape, le placeholder disparaît.
La solution : associer chaque champ à un <label> vrai, pas juste un placeholder.
Les outils de test : vérifier l’accessibilité sans expert
Vous n’avez pas besoin d’un expert pour commencer. Plusieurs outils gratuits font le travail.
Outils automatisés (gratuits)
WAVE (WebAIM)
– Extension navigateur simple
– Détecte les erreurs courantes
– Montre les contrastes et la structure
– URL : wave.webaim.org
Lighthouse (Google Chrome)
– Intégré dans les Developer Tools
– Audit complet incluant l’accessibilité
– Donne des scores et des recommandations
– Ouverture : F12 > Lighthouse
Axe DevTools
– Extension navigateur très pointue
– Identifie les violations WCAG
– Propose des corrections
– URL : deque.com/axe/devtools/
Colour Contrast Analyzer
– Testé spécifiquement les contrastes
– Simple et fiable
– URL : tpgi.com/color-contrast-checker/
NVDA (lecteur d’écran gratuit)
– Testez comment votre site sonne
– Windows/Mac, gratuit
– Apprendre à l’utiliser prend 30 min
– URL : nvaccess.org
Outils semi-automatisés
Les outils automatisés détectent 30-40% des problèmes d’accessibilité. Pour une vérification complète, vous avez besoin de test manuel :
- Test au clavier : naviguer au clavier seul. Cela révèle tout ce que Lighthouse manque.
- Test avec lecteur d’écran : utiliser NVDA ou JAWS pour comprendre comment le site « sonne ».
- Test avec utilisateurs handicapés : le meilleur test. Quelques utilisateurs réels trouvent 80% des problèmes.
Mettre en place l’accessibilité : un plan pour votre PME
L’accessibilité ne se fait pas d’un coup. Voici un plan pragmatique.
Phase 1 : Audit (2-3 semaines)
Coût : 2’000-5’000 CHF
Tâches :
– Tester avec Lighthouse et WAVE
– Tester à la main au clavier
– Compiler une liste des problèmes majeurs
Livrables :
– Rapport détaillé avec screenshots
– Priorisation : bloquants vs. recommandations
– Estimation des efforts de correction
Phase 2 : Correction des problèmes critiques (6-12 semaines)
Coût : 5’000-15’000 CHF selon le site
Tâches :
– Structure HTML sémantique
– Contraste de couleur
– Textes alternatifs pour images
– Formulaires étiquetés
– Navigation au clavier
Bénéfice immédiat : conformité WCAG 2.1 niveau A, majorité des utilisateurs servis.
Phase 3 : Optimisations avancées (3-6 mois)
Coût : 3’000-8’000 CHF
Tâches :
– Vidéos sous-titrées
– Améliorations de focus et navigation
– Tests avec vrais utilisateurs
– Documentations et processus internes
Bénéfice : conformité WCAG 2.1 niveau AA, plateforme vraiment inclusive.
Phase 4 : Maintenance continue (plan annuel)
Coût : 1’000-2’000 CHF/an
Tâches :
– Tests réguliers (trimestriels)
– Formation de l’équipe interne
– Mise à jour des contenus nouveaux (images, vidéos)
– Suivi de l’évolution des standards
Bénéfice : rester conforme à mesure que la réglementation évolue.
Bonnes pratiques : aller au-delà de la compliance
L’accessibilité ce n’est pas juste cocher des cases. Voici ce qui fait une vraie différence.
1. L’accessibilité dès la conception (Design inclusif)
Plutôt que : designer un beau site, puis essayer de le rendre accessible.
Préférez : inclure l’accessibilité dès les wireframes.
Un site pensé accessible dès le départ coûte 10-15% de plus. Un site rendu accessible après coup coûte 30-50% de plus.
2. Tester avec des vrais utilisateurs
Un audit automatisé dit « ce site n’est pas conforme. » Un utilisateur malvoyant dit « ce site est impossible à utiliser car… »
Les vrais utilisateurs trouvent des problèmes qu’aucun outil ne détecte.
3. Contenu clair et structuré
L’accessibilité et la clarté vont ensemble.
– Titres descriptifs
– Listes à puces plutôt que paragraphes dense
– Langage simple (éviter le jargon quand possible)
– Paragraphes courts
Ces éléments aident aussi les utilisateurs cognitifs, les personnes fatiguées, et… tout le monde.
4. Vidéos et multimedia
Les sous-titres ne sont pas optionnels. Et si vous avez du contenu audio, prévoyez une transcription.
Un utilisateur sourd ou malentendant doit pouvoir accéder au contenu. Mais aussi : les sous-titres aident en environnement bruyant, les transcriptions aident pour l’indexation SEO.
5. Formulaires intuitifs
Les formulaires accessibles sont aussi les formulaires les plus utilisables.
– Lables visibles et liés au champ
– Messages d’erreur clairs, avec solutions
– Champs groupés logiquement
– Pas de délais pour soumettre
6. Contraste pas uniquement noir/blanc
L’accessibilité inclut les utilisateurs en mode sombre (30% des utilisateurs modernes). Testez votre site en mode sombre.
Exemples suisses d’accessibilité réussie
Administration fédérale (admin.ch)
Le portail fédéral est devenu un modèle. Structure sémantique, contraste élevé, navigation claire. À titre de comparaison : une PME suivant les mêmes standards avec 10% des ressources peut atteindre le même niveau.
SBB (sbb.ch)
Le site des chemins de fer suisses est accessible. Raison : leurs clients incluent beaucoup de personnes âgées et handicapées. C’est un impératif commercial.
Agences de conseil suisses
Plusieurs cabinets de conseil helvétiques ont redessiné leurs sites pour l’accessibilité. Résultat : plus d’engagement, meilleur SEO, marque employeur amélioré.
L’impact au-delà de la compliance
Si vous craignez que l’accessibilité « gâche » votre design, vous vous trompez.
Études de cas
- Contraste amélioré : lisibilité accrue pour tous → taux de conversion +5-10%
- Navigation claire : utilisateurs trouvent l’info plus vite → bounce rate -15%
- Formulaires accessibles : taux de complétion +8-12%
- Structure logique : temps d’apprentissage réduit → satisfaction client +10%
Un site accessible est presque toujours un site meilleur, même pour les utilisateurs sans handicap.
Initiatives suisses en matière d’accessibilité
Le label Accessibility in Switzerland (AIS)
Un label dédié aux organisations qui s’engagent pour l’accessibilité. Pas encore généralisé, mais gagne du terrain.
Les actions du Parlement suisse
En 2023 et 2024, plusieurs parlementaires ont déposé des motions pour élargir les obligations d’accessibilité au secteur privé (au minimum aux PME servantes le public). Ces initiatives n’ont pas encore abouti, mais montrent la direction.
L’initiative cantonale (Genève, Vaud)
Le canton de Genève a créé un guide d’accessibilité spécifique pour les PME. Le canton de Vaud pousse aussi les entreprises vers la conformité via les marchés publics.
Conclusion : l’accessibilité est un investissement, pas un coût
Nombre de PME reportent l’accessibilité en pensant que c’est un coût sans retour. C’est une erreur.
L’accessibilité est un investissement qui :
– Élargit votre marché (15-20% de la population)
– Améliore le SEO et l’engagement
– Vous protège contre les risques légaux futurs
– Consolide votre marque employeur
– Rend votre site intrinsèquement meilleur
Le temps d’agir, c’est maintenant. La réglementation se durcit. Les grandes organisations exigent déjà l’accessibilité de leurs prestataires. Et éthiquement, exclure une part de votre audience n’a jamais eu de justification.
Votre site est-il accessible ? CEM Consulting offre des audits d’accessibilité ciblés pour PME, avec un plan d’action réaliste et budgeté. Nous vous aidons à naviguer les obligations légales suisses et à mettre en place une accessibilité durable. Contactez-nous pour une évaluation initiale.
Mots-clés : accessibilité web suisse, site accessible PME, WCAG suisse, handicap numérique, norme web accessibilité, inclusivité numérique
Catégorie : Site Internet