color tools

Vérificateur de Contraste

Vérifier ratios de contraste couleur pour conformité WCAG. Vérifier normes AA et AAA.

Échantillon Heading

This is normal text (18px). The quick brown fox jumps over the lazy dog.

This is small text (14px). The quick brown fox jumps over the lazy dog.

Contraste Rapport

21.00:1
WCAG AA - Normal Text
PASS (Minimum: 4.5:1)
WCAG AA - Large Text
PASS (Minimum: 3:1)
WCAG AAA - Normal Text
PASS (Minimum: 7:1)

WCAG Guidelines

AA Normal: 4.5:1 minimum for text smaller than 18pt (or 14pt bold).

AA Large: 3:1 minimum for text 18pt+ (or 14pt+ bold).

AAA: 7:1 minimum for enhanced accessibility.

Importance: Good contrast ensures readability for users with visual impairments.

How to Use Vérificateur de Contraste

  1. 1

    Choisir couleur texte.

  2. 2

    Choisir couleur fond.

  3. 3

    Voir ratio.

  4. 4

    Vérifier WCAG.

  5. 5

    Voir aperçu.

Frequently Asked Questions

Qu'est-ce que le ratio de contraste WCAG ?

WCAG (Directives d'Accessibilité du Contenu Web) définit des ratios minimum de contraste pour texte lisible. Texte normal nécessite 4.5:1 (AA) ou 7:1 (AAA). Grand texte nécessite 3:1 (AA) ou 4.5:1 (AAA).

Pourquoi le contraste de couleur est-il important ?

Un bon contraste garantit que le texte soit lisible pour tous, y compris les personnes ayant une vision faible ou un daltonisme. C'est légalement requis pour de nombreux sites web et améliore l'expérience utilisateur pour tous.

Quelles couleurs ont un bon contraste ?

Noir sur blanc (21:1) est le contraste maximum. Bleu foncé sur blanc, blanc sur gris foncé et violet foncé sur jaune clair fonctionnent bien. Évitez gris clair sur blanc ou bleu foncé sur noir.

Ce vérificateur est-il gratuit ?

Oui, ce vérificateur de contraste WCAG est entièrement gratuit et vérifie le contraste de couleur instantanément pour une conception accessible.

Partager l'outil

Partagez cet outil avec d'autres

Related Tools