Rendre un site accessible : les 8 règles essentielles

Contenu

• alt descriptif ; alt="" pour les images décoratives.
• Un seul h1, hiérarchie respectée (HTML sémantique).
• Contraste ≥ 4,5:1 (3:1 pour les grands textes) ; ne pas transmettre une information par la couleur seule.
• Liens explicites, langue de la page (lang="fr").

Interaction

• label pour chaque champ (formulaires), messages d'erreur clairs.
• Navigation complète au clavier, ordre logique, :focus-visible stylé.
• Éléments natifs (button, a, details) ; ARIA seulement en complément.
• Respect de prefers-reduced-motion.

Tester

Lighthouse (F12 › Lighthouse › Accessibilité), WAVE, axe DevTools, NVDA (Windows) ou VoiceOver (Mac), et la navigation au seul clavier. Référentiel français : RGAA.