Kontrola kontrastu
Vyberte barvy textu a pozadí a zkontrolujte jejich poměr kontrastu vůči limitům WCAG AA a AAA. Zobrazí se samostatné výsledky pro normální a velký text spolu s náhledem ve zvolených barvách.
Co můžete dělat
Zkontrolovat poměr dvou barev
Vyberte barvu textu a pozadí a zobrazte jejich poměr kontrastu zaokrouhlený na dvě desetinná místa.
Porovnat prahové hodnoty AA a AAA
Zobrazte samostatné výsledky pro normální a velký text s náhledem ve zvolených barvách.
Porovnat s černou a bílou
Otevřete volitelné podrobnosti a porovnejte barvu textu s černým a bílým pozadím.
Jak na to
Zadejte barvu textu
Vyberte HEX, RGB, HSL, HSV nebo CMYK a zadejte barvu textu. Výběr vzorku barvy přepne vstup na HEX.
Vyberte pozadí
Zadejte tři- nebo šestimístnou hodnotu HEX nebo použijte nástroj pro výběr barvy. Předpona # je volitelná.
Zkontrolovat kontrast
Vyberte Zkontrolovat kontrast a zkontrolujte poměr, náhled textu a výsledky AA/AAA. Po změně kteréhokoli barvy kontrolu zopakujte.
Kdy to pomáhá
Zkontrolovat text na pozadí
Zadejte barvy používané na stránce a zkontrolujte, zda normální text splňuje požadovaný poměr.
Porovnat barvy nadpisu
Při volbě dvojice barev pro nadpis použijte výsledek pro velký text a náhled.
Čtení výsledků
Poměry AA a AAA
AA vyžaduje alespoň 4,5:1 pro normální text a 3:1 pro velký text. AAA vyžaduje 7:1 pro normální text a 4,5:1 pro velký text. Výsledky používají nezaokrouhlený poměr.
Co se počítá jako velký text
Velký text má alespoň 18 pt, nebo 14 pt tučně. V CSS je to 24px, nebo přibližně 18,7px tučně. Náhled používá text s běžnou váhou o velikosti 16px a 24px.
Rozsah kontroly
Toto kontroluje kontrast textu mezi dvěma neprůhlednými barvami sRGB. Neposuzuje pozadí obrázků, míchání s alfou, prvky jiné než text ani soulad celé stránky.
Otázky a odpovědi
Znamená splněný poměr, že je v souladu celá stránka?
Tento výsledek se týká pouze kontrastu textu pro dvě vybrané barvy. Soulad celé stránky posuzujte zvlášť.
Co ukazuje porovnání s černou a bílou?
Porovnává vybranou barvu textu s černou a bílou a ukazuje, která má vyšší poměr. Je to oddělené od výsledku pro vybrané pozadí.
Mohu kontrolovat průhledný text nebo text nad obrázkem?
Alfa a pozadí obrázku nejsou podporovány. Zadejte neprůhledné barvy textu a pozadí.
Vstup a výstup
- Barva textu
- Hodnoty HEX, RGB, HSL, HSV nebo CMYK nebo nástroj pro výběr barvy. CMYK je odhad bez profilu ICC.
- Pozadí
- Tři- nebo šestimístný HEX nebo nástroj pro výběr barvy. Alfa není podporována.
- Výsledek
- Poměr kontrastu, výsledky AA/AAA pro běžný a velký text a náhled textu. Výsledky se zobrazují bez možnosti uložení.