Kostenloser Scan

„Unzureichender Farbkontrast“ in HTML beheben

Warum das ein Problem ist

Text mit zu geringem Kontrast zum Hintergrund ist für sehbehinderte oder farbenblinde Menschen bzw. bei Sonnenlicht unlesbar. RGAA verlangt mindestens 4,5:1 (3:1 für großen Text).

So beheben Sie es — HTML

Das ist eine CSS-Korrektur, framework-unabhängig: Passen Sie die Farben an, bis das Verhältnis erreicht ist. Prüfen Sie den berechneten Wert (z. B. #767676 auf Weiß = 4,54:1).

Vermeiden
/* ratio 2.85:1 — échoue */
.hint { color: #999999; background: #ffffff; }
Korrekt
/* ratio 4.54:1 — conforme */
.hint { color: #767676; background: #ffffff; }

RGAA-Kriterium 3.2 — Couleurs

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

So prüfen Sie: offizielle Tests (auf Französisch)

  1. Test 3.2.1

    Dans chaque page web, le texte et le texte en image sans effet de graisse d’une taille restituée inférieure à 24px vérifient-ils une de ces conditions (hors cas particuliers) ?

    Le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;

    Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.

  2. Test 3.2.2

    Dans chaque page web, le texte et le texte en image en gras d’une taille restituée inférieure à 18,5px vérifient-ils une de ces conditions (hors cas particuliers) ?

    Le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;

    Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.

  3. Test 3.2.3

    Dans chaque page web, le texte et le texte en image sans effet de graisse d’une taille restituée supérieure ou égale à 24px vérifient-ils une de ces conditions (hors cas particuliers) ?

    Le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;

    Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.

  4. Test 3.2.4

    Dans chaque page web, le texte et le texte en image en gras d’une taille restituée supérieure ou égale à 18,5px vérifient-ils une de ces conditions (hors cas particuliers) ?

    Le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;

    Un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.

  5. Test 3.2.5

    Dans le mécanisme qui permet d’afficher un rapport de contraste conforme, le rapport de contraste entre le texte et la couleur d’arrière-plan est-il suffisamment élevé ?

Vollständige Seite zu Kriterium 3.2 · Offizieller Text: Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, Licence Ouverte 2.0.

Prüfen Sie Ihre Website in 30 Sekunden

Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.

Kostenloser Scan