Outils gratuits — Documentation — RefAudit

Calculateur de contraste #

Vérifiez si une paire texte/fond respecte WCAG AA (4.5:1) ou AAA (7:1).

Saisissez deux couleurs (color picker ou hexadécimal). Calcul instantané du ratio + verdict pour chaque niveau WCAG.

Seuils WCAG

AA texte normal — ratio ≥ 4.5:1 requis
AA grand texte (≥ 18pt ou 14pt bold) — ratio ≥ 3:1 requis
AAA texte normal — ratio ≥ 7:1 requis (optionnel)

RGAA 3.2 / WCAG 1.4.3 (AA) / 1.4.6 (AAA).

Simulateur de daltonisme #

Applique un filtre CSS pour simuler protanopie, deuteranopie, tritanopie, monochromie.

Cliquez sur un mode pour appliquer le filtre à toute la page (votre vraie page, en preview). Utile pour vérifier que vos UI fonctionnent sans dépendre uniquement de la couleur (RGAA 3.1 / WCAG 1.4.1).

8% des hommes sont daltoniens (formes diverses).

Vérificateur alt text #

Score qualitatif de votre attribut alt selon le contexte de l'image.

Distinguez :

Image informative — doit avoir un alt court et descriptif (5-15 mots idéal)
Image décorative — alt vide (alt="") pour que les lecteurs d'écran l'ignorent

Le score note la pertinence du texte (longueur, mots vides, redondance avec contexte). RGAA 1.1 / WCAG 1.1.1.

Hiérarchie des titres #

Détecte les sauts de niveau (H1 → H3 sans H2).

Collez votre structure (un titre par ligne préfixé H1-H6) ou votre HTML. Les sauts sont flagués en rouge.

Les lecteurs d'écran utilisent la hiérarchie des titres pour naviguer (raccourci H). Un saut casse la navigation. RGAA 9.1 / WCAG 1.3.1.

Vérificateur lang #

Valide un code BCP 47 pour l'attribut lang de <html>.

Sans lang="fr" sur la balise html racine, les synthèses vocales prononcent votre site avec un mauvais accent ("bonjour" prononcé à l'anglaise). RGAA 8.3 / WCAG 3.1.1.

L'outil reconnaît les codes courants (fr, en, fr-FR, en-US…) et valide la syntaxe BCP 47.