Bonnes pratiques d’accessibilité web
Les pratiques qui produisent le plus d’effet : contrastes suffisants, HTML sémantique, alternatives textuelles pertinentes, ARIA mesuré, WCAG 2.2 et qualité web globale (SEO, performance, Core Web Vitals).
Contraste des couleurs (WCAG 1.4.3)
Ratio minimal : 4,5:1 pour le texte normal, 3:1 pour le grand texte et les composants d’interface. Formule : (L1 + 0,05) / (L2 + 0,05), où L1 est la luminance relative de la couleur la plus claire et L2 de la plus sombre.
Exemple : gris clair #CCCCCC sur blanc #FFFFFF donne environ 1,6:1, soit un échec AA. Le violet #8B5CF6 sur blanc n’atteint que 4,2:1 ; #6D28D9 atteint 7,1:1.
Alternatives textuelles efficaces
Rédigez des descriptions concises et contextuelles. Image décorative : alt="". Graphique : décrivez les données clés et donnez un tableau ou un texte complémentaire. Image-lien : l’alternative décrit la destination.
ARIA avec modération
Enrichissez la sémantique sans surcharger : aria-label pour un bouton sans texte, role="alert" pour les notifications, aria-expanded pour les accordéons. Voir le guide ARIA.
WCAG 2.2 : opérabilité et aide
Retenez en particulier 2.5.7 (glissement avec alternative), 3.2.6 (aide cohérente), 3.3.7 (saisie redondante) et 2.5.8 (cible de 24 px). Détail dans la page WCAG 2.2.
Accessibilité, SEO et Core Web Vitals
Une page accessible est souvent plus facile à indexer et à comprendre pour les moteurs et les assistants génératifs : titres hiérarchisés, textes alternatifs, liens explicites, langue déclarée, HTML valide.
- Core Web Vitals : LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1 (seuils « bon » de Google).
- Réservez les dimensions des images pour éviter les décalages de mise en page.
- Limitez le JavaScript : moins de code, c’est aussi moins de risques pour les technologies d’assistance.
- Appliquez la checklist Opquast pour la qualité globale (accessibilité, performance, éco-conception, sécurité).
Certifications et cadres légaux
- IAAP : certifications professionnelles en accessibilité (CPACC, WAS).
- Opquast : certification qualité web, dont l’accessibilité.
- Section 508 : exigences américaines d’accessibilité pour les organismes fédéraux.
- EAA (directive 2019/882) : applicable depuis le 28 juin 2025 à certains produits et services.
Questions fréquentes
Quel contraste minimal respecter ?
4,5:1 pour le texte courant, 3:1 pour le grand texte (24 px, ou 18,66 px gras) et les composants graphiques essentiels.
L’accessibilité améliore-t-elle le SEO ?
Elle recoupe de nombreuses bonnes pratiques SEO (structure, alternatives, liens explicites) sans garantir à elle seule un meilleur classement.