Checklist ADA : Guide de conformité pour les Sites Web en 2026

L'Americans with Disabilities Act (ADA) s'applique désormais explicitement aux sites web. En 2026, avec plus de 4 500 procès annuels pour non-conformité, la question n'est plus de savoir si vous devez être conforme, mais comment y parvenir. Ce guide vous fournit une checklist actionnable.

Comprendre les exigences ADA

ADA Title II (Secteur public)

Concerne les gouvernements locaux et étatiques. La règle de 2024 du Department of Justice impose :

• WCAG 2.1 niveau AA comme standard de conformité
• Échéance : 24 avril 2026 pour les entités servant plus de 50 000 personnes
• Échéance : 26 avril 2027 pour les entités servant moins de 50 000 personnes

ADA Title III (Secteur privé)

Concerne les « lieux d'accommodation publique » - interprété par les tribunaux comme incluant les sites web des entreprises offrant des biens et services au public.

Bien qu'aucune règle explicite n'existe, WCAG 2.2 niveau AA est le standard utilisé par les tribunaux et les plaignants.

Qui doit se conformer ?

• Sites gouvernementaux fédéraux, étatiques et locaux
• Commerces de détail et e-commerce
• Services financiers et bancaires
• Établissements de santé
• Entreprises de transport
• Établissements d'enseignement

La checklist de conformité ADA

Section 1 : Perceptibilité

Images et médias non-textuels

• Toutes les images informatives ont un texte alternatif descriptif
• Les images décoratives ont alt=""
• Les graphiques complexes ont une description longue accessible
• Les vidéos ont des sous-titres synchronisés
• Les vidéos ont une audiodescription (si nécessaire)
• Les contenus audio ont une transcription textuelle

<!-- Exemple conforme -->
<img src="graphique-ventes.png"
     alt="Graphique montrant une augmentation de 23% des ventes au T3">
<a href="/graphique-description.html">Description détaillée du graphique</a>

Contrastes et couleurs

• Ratio de contraste 4.5:1 minimum pour le texte normal
• Ratio de contraste 3:1 pour le grand texte (18pt ou 14pt bold)
• Ratio de contraste 3:1 pour les éléments d'interface
• L'information n'est pas transmise par la couleur seule

Adaptabilité

• Le contenu est lisible sans perte jusqu'à 200% de zoom
• L'orientation (portrait/paysage) n'est pas bloquée
• La structure est préservée quand le CSS est désactivé

Section 2 : Utilisabilité

Navigation clavier

• Tous les éléments interactifs sont accessibles au clavier
• L'ordre de tabulation est logique (gauche-droite, haut-bas)
• Le focus est toujours visible
• Aucun piège clavier n'existe
• Des skip links permettent de sauter la navigation

<!-- Skip link conforme -->
<a href="#main-content" class="skip-link">
  Aller au contenu principal
</a>

Temps et animations

• Les limites de temps peuvent être ajustées ou désactivées
• Le contenu en mouvement peut être mis en pause
• Aucun contenu ne flashe plus de 3 fois par seconde
• prefers-reduced-motion est respecté

Navigation et orientation

• Plusieurs moyens de navigation sont disponibles (menu, recherche, plan du site)
• La page courante est identifiable dans la navigation
• Les titres de page sont uniques et descriptifs
• La structure de titres (h1-h6) est logique

Section 3 : Compréhensibilité

Lisibilité

• La langue de la page est déclarée (lang="en")
• Les changements de langue sont indiqués (lang="fr" sur les passages)
• Les abréviations sont expliquées à la première occurrence
• Le niveau de lecture est adapté au public

Prévisibilité

• Les changements de contexte n'ont pas lieu sans action utilisateur
• La navigation est cohérente sur toutes les pages
• Les composants similaires ont des comportements similaires

Assistance à la saisie

• Les champs de formulaire ont des labels associés
• Les erreurs sont identifiées et décrites clairement
• Des suggestions de correction sont proposées
• Une confirmation est demandée avant les actions importantes

<!-- Formulaire conforme -->
<label for="email">Adresse email *</label>
<input type="email" id="email" name="email"
       required
       aria-describedby="email-error email-hint">
<span id="email-hint">Format : nom@exemple.com</span>
<span id="email-error" role="alert" hidden>
  L'adresse email n'est pas valide
</span>

Section 4 : Robustesse

Compatibilité

• Le HTML est validé (pas d'erreurs de syntaxe majeures)
• Les attributs ARIA sont utilisés correctement
• Les composants personnalisés exposent leur nom, rôle et valeur
• Les messages de statut utilisent aria-live ou role="status"

Section 5 : Documents et contenus

PDF et fichiers

• Les PDF sont balisés pour la lecture
• Les tableaux dans les PDF ont des en-têtes
• Le texte des PDF est sélectionnable (pas d'images scannées)
• Le type et la taille des fichiers sont indiqués

<a href="/rapport.pdf">
  Rapport annuel 2026 (PDF, 2.4 Mo)
</a>

Actions prioritaires

Niveau 1 : Impact critique

Ces problèmes affectent le plus d'utilisateurs et sont les plus cités dans les procès :

1. Images sans texte alternatif
2. Formulaires sans labels
3. Navigation impossible au clavier
4. Absence de skip links
5. Contrastes insuffisants

Niveau 2 : Impact sérieux

1. Vidéos sans sous-titres
2. Structure de titres incorrecte
3. Liens non descriptifs
4. Focus invisible
5. Tableaux sans en-têtes

Niveau 3 : Améliorations

1. Audiodescription des vidéos
2. Contenu en FALC
3. Conformité AAA

Processus d'audit recommandé

Étape 1 : Audit automatisé (30% des problèmes)

Utilisez des outils comme RGAA Checker, axe DevTools ou WAVE pour identifier les problèmes détectables automatiquement.

Étape 2 : Audit manuel (70% restants)

Un expert doit vérifier :

• La pertinence des textes alternatifs
• L'expérience avec lecteur d'écran
• La navigation clavier complète
• La cohérence des parcours utilisateur

Étape 3 : Tests utilisateurs

Impliquez des personnes en situation de handicap pour valider l'expérience réelle.

Étape 4 : Documentation

Conservez des traces de vos efforts :

• Rapports d'audit datés
• Plan de remédiation
• Corrections effectuées
• Formation des équipes

Cette documentation peut protéger en cas de plainte.

Maintenir la conformité

Monitoring continu

• Tests automatisés à chaque déploiement
• Audit complet annuel
• Formation continue des équipes

Gouvernance

• Désignez un responsable accessibilité
• Intégrez l'accessibilité dans les processus de développement
• Documentez les exceptions et leurs justifications

Déclaration d'accessibilité

Publiez une déclaration incluant :

• Niveau de conformité visé
• Limitations connues
• Contact pour signaler les problèmes
• Date du dernier audit

Pénalités et risques

Amendes

• Première infraction : jusqu'à 75 000 €
• Infractions suivantes : jusqu'à 150 000 €

Coûts additionnels

• Frais juridiques
• Remédiation en urgence (plus coûteuse)
• Dommages à la réputation
• Accord de conformité sous supervision

Conclusion

La conformité ADA n'est pas qu'une obligation légale, c'est une opportunité d'améliorer l'expérience pour tous vos utilisateurs. Utilisez cette checklist comme point de départ, combinez tests automatisés et manuels, et faites de l'accessibilité une pratique continue plutôt qu'un projet ponctuel.

Commencez votre audit avec RGAA Checker et consultez nos experts en accessibilité pour un accompagnement personnalisé vers la conformité.