Vývojář🔒 Bezi ve vasem prohlizeci

Kontrola barevného kontrastu

Kontrola shody s WCAG AA/AAA barevným kontrastem

Barva textu

Barva pozadí

Ukázkový Nadpis Textu

Takto bude vypadat text odstavce s těmito barvami.

A toto je malý text pro referenci.

Kontrastní poměr

21.00:1

WCAG AA

Normální text✓ Vyhovuje

Velký text (18px+)✓ Vyhovuje

UI komponenty✓ Vyhovuje

WCAG AAA

Normální text✓ Vyhovuje

Velký text (18px+)✓ Vyhovuje

O nástroji Kontrola barevného kontrastu

Kontrola barevného kontrastu vyhodnocuje kontrastní poměr mezi dvěma barvami podle pokynů WCAG 2.1. Říká vám, zda vaše barevné kombinace splňují standardy přístupnosti AA nebo AAA pro normální text, velký text a UI komponenty. Vše běží ve vašem prohlížeči.

Často kladené otázky

Jaký je dobrý kontrastní poměr?

WCAG AA vyžaduje minimální poměr 4,5:1 pro normální text a 3:1 pro velký text (18px+ nebo 14px+ tučné). WCAG AAA vyžaduje 7:1 pro normální text a 4,5:1 pro velký text. Vyšší poměry znamenají lepší čitelnost.

Jaký je rozdíl mezi AA a AAA?

AA je minimální doporučený standard pro většinu webového obsahu. AAA je přísnější standard, který poskytuje lepší čitelnost pro uživatele se zrakovým postižením. Splnění AAA je ideální, ale ne vždy vyžadováno.

Jak se vypočítá kontrastní poměr?

Kontrastní poměr se vypočítá pomocí relativní luminance každé barvy podle definice WCAG 2.1. Vzorec porovnává světlejší a tmavší barvy na škále od 1:1 (žádný kontrast) do 21:1 (maximální kontrast, černá na bílé).

Často kladené otázky

Jaký je dobrý kontrastní poměr?

Jaký je rozdíl mezi AA a AAA?

Jak se vypočítá kontrastní poměr?