Guide : accessibilité numérique en entreprise

L'accessibilité numérique consiste à rendre les services digitaux utilisables par tous, y compris les personnes en situation de handicap. C'est à la fois une obligation légale et une opportunité.

Le contexte réglementaire

• WCAG 2.2 — standard international du W3C
• RGAA — référentiel français, applicable au secteur public
• European Accessibility Act — applicable à partir de juin 2025 dans l'UE

Ces obligations s'étendent progressivement au-delà du secteur public.

L'opportunité économique

• 15 à 20 % de la population vit avec un handicap
• Le vieillissement augmente les besoins d'accessibilité
• Les bonnes pratiques d'accessibilité améliorent aussi le SEO
• Un site accessible est souvent plus clair pour tout le monde

Le standard WCAG repose sur quatre principes. Chaque critère y est rattaché.

1. Perceptible

L'information doit pouvoir être perçue. Cela implique :

• Alternatives textuelles pour les images
• Sous-titres pour les vidéos
• Contraste suffisant
• Information non dépendante de la couleur seule

2. Utilisable

L'interface doit pouvoir être utilisée. Cela implique :

• Navigation clavier complète
• Temps suffisant pour lire
• Pas de contenu clignotant problématique
• Navigation claire

3. Compréhensible

Le fonctionnement doit être clair. Cela implique :

• Langue de la page déclarée
• Libellés de formulaires explicites
• Messages d'erreur compréhensibles
• Cohérence dans la navigation

4. Robuste

Le contenu doit fonctionner avec les technologies d'assistance :

• HTML valide et sémantique
• ARIA utilisé correctement
• Compatibilité avec lecteurs d'écran

1. Contraste

Ratio minimum de 4.5:1 pour le texte normal, 3:1 pour le grand texte. Un outil comme WebAIM Contrast Checker permet de vérifier.

2. Navigation clavier

Tout doit être accessible au clavier. Les éléments interactifs doivent avoir un focus visible. L'ordre de tabulation doit être logique.

3. Textes alternatifs

Chaque image doit avoir un texte alternatif décrivant son contenu. Décorative = alt vide. Informatif = description utile.

4. Structure sémantique

Utiliser les balises HTML appropriées : h1-h6 pour la hiérarchie, nav, main, aside, article. Un seul h1 par page.

5. Formulaires accessibles

Labels associés aux champs, messages d'erreur explicites, pas de validation uniquement visuelle.

6. Vidéos sous-titrées

Sous-titres pour les vidéos, transcriptions pour les audios. Indispensable et souvent oublié.

Tests automatisés

Des outils comme axe, Lighthouse, WAVE détectent 30 à 40 % des problèmes. Utiles mais insuffisants.

Tests manuels

• Navigation clavier — utiliser le site uniquement au clavier
• Lecteur d'écran — tester avec NVDA (Windows), VoiceOver (Mac/iOS), JAWS
• Contraste — vérifier visuellement et avec un outil
• Zoom — tester à 200 % de zoom
• Mode daltonien — simuler les différents types

Tests utilisateurs

Le plus important : tester avec des personnes en situation de handicap. Leur retour révèle des problèmes qu'aucun outil ne détecte.

Fréquence

Idéalement en continu. Un audit complet tous les 6 mois, tests automatisés à chaque déploiement, tests manuels à chaque nouvelle fonctionnalité.

L'accessibilité ne doit pas être traitée après coup. Elle doit être intégrée à chaque étape.

Design

• Contraste vérifié dans la maquette
• Focus states définis
• Ordre logique des éléments
• Alternatives textuelles prévues

Développement

• HTML sémantique
• ARIA utilisé correctement
• Navigation clavier testée
• Tests automatisés dans le CI

Contenu

• Textes clairs et structurés
• Alternatives textuelles descriptives
• Sous-titres et transcriptions
• Langage simple

Formation

Designers, développeurs, rédacteurs : tous doivent connaître les bases. Une session de 2 heures suffit pour les principes essentiels.

• ☐ Audit initial réalisé
• ☐ Contrastes vérifiés
• ☐ Navigation clavier complète
• ☐ Textes alternatifs sur toutes les images
• ☐ Structure HTML sémantique
• ☐ Formulaires avec labels associés
• ☐ Vidéos sous-titrées
• ☐ Tests automatisés dans le CI
• ☐ Tests manuels réguliers
• ☐ Formation des équipes
• ☐ Déclaration d'accessibilité publiée