D-OPEN
Accueil/Outils/Verificateur de Contraste WCAG

Verificateur de Contraste WCAG

Verifiez que vos combinaisons de couleurs respectent les normes d'accessibilite WCAG 2.1. Testez le contraste, visualisez le rendu et obtenez des suggestions de correction.

Couleur du texte (premier plan)

RGB: 255, 255, 255Luminance: 1.0000

Couleur de fond (arriere-plan)

RGB: 26, 26, 46Luminance: 0.0116

Ratio de contraste

17.06:1

Excellent

AA NormalPASS

Texte standard (< 18pt / 14pt bold)

Requis : 4.5:1

AA LargePASS

Grand texte (>= 18pt / 14pt bold)

Requis : 3:1

AAA NormalPASS

Texte standard, niveau avance

Requis : 7:1

AAA LargePASS

Grand texte, niveau avance

Requis : 4.5:1

Apercu visuel

Texte 12px - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.

Texte 14px - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.

Texte 16px (body) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Texte 18px bold - Grand texte (AA Large applicable)

Titre 24px bold - Heading

Display 36px

BadgeLien texte

Detail du calcul

Combinaisons predefinies

Code CSS

:root {
  --color-text: #FFFFFF;
  --color-background: #1A1A2E;
  /* Contrast ratio: 17.06:1 */
  /* WCAG AA Normal: PASS */
  /* WCAG AAA Normal: PASS */
}

Besoin d'un audit d'accessibilite complet ?

Le contraste des couleurs n'est qu'un aspect de l'accessibilite web. Pour un audit WCAG complet couvrant la navigation, les formulaires, le contenu alternatif et la compatibilite avec les technologies d'assistance, contactez nos experts.

Demander un audit accessibiliteVoir nos autres outils