Működési
Bejelentkezés / Regisztráció
common.you_need_to_be_loggedin_to_add_tool_in_favorites
Színkontraszt-ellenőrző
Hirdetés
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
21.00:1
WCAG Compliance
Normal Text
✓
AA Pass
✓
AAA Pass
Large Text (18pt+ or 14pt+ bold)
✓
AA Pass
✓
AAA Pass
UI Components & Graphics
✓
AA Pass
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Black on White
White on Blue
White on Dark Gray
Adja meg alább a színkombinációit, hogy tesztelje azokat színkontraszt-ellenőrzőnkkel, és azonnal megtudja, megfelelnek-e a kisegítő lehetőségek szabványainak.
Színkontraszt-ellenőrzőnk működése
Adja meg az előtér és a háttér színeit RGB hexadecimális értékekkel, vagy válassza ki őket közvetlenül a Színválasztóval.
- Az Alpha beállításával módosíthatja az előtér színének átlátszóságát.
- A Világosság csúszkával világosabbnak vagy sötétebbnek tűnhet a szín.
Eszközünk ezután kiszámítja a kontrasztarányt, és ellenőrzi azt a WCAG irányelveknek megfelelően:
- WCAG 2.0 AA szintű
- Normál törzsszöveg esetén legalább 4,5:1
- Legalább 3:1 nagy szöveg esetén
- WCAG 2.1 (UI és grafika)
- Legalább 3:1 az ikonok, szegélyek és egyéb interfész-összetevők esetében
- WCAG-szint AAA
- Normál szöveg esetén legalább 7:1
- Legalább 4,5:1 nagy szöveg esetén
A nagy szöveg a következőket jelenti:
- 14 pont (körülbelül 18,66 képpont) és félkövér, vagy
- 18 pt (kb. px) vagy nagyobb
A Színválasztó pipettáját használhatja, hogy pontos színeket ragadjon meg a képernyőn lévő bármiről.
Ha csak a színre támaszkodó linkeket szeretné kiemelni, használja a színkontraszt-ellenőrzőnket, hogy megbizonyosodjon arról, hogy megfelelnek a kisegítő lehetőségek szabványainak, és mindenki számára könnyen olvashatóak maradnak.