Kontrola Kontrastu Barev — Testování Přístupnosti WCAG

Dostatečný barevný kontrast je pro mnoho webových stránek zákonně vyžadován a je nezbytný pro lidi se zrakovým postižením. Náš kontrolor kontrastu vypočítá poměr a ukáže, zda splňujete standardy WCAG.

Standardy kontrastu WCAG

WCAG AA: 4,5:1 pro normální text, 3:1 pro velký text (18 pt+). WCAG AAA: 7:1 pro normální text, 4,5:1 pro velký text. AA je zákonné minimum ve většině zemí. AAA je ideální standard pro maximální přístupnost.

Výpočet poměru kontrastu

Poměr = (L1 + 0,05) ÷ (L2 + 0,05), kde L1 a L2 jsou relativní světlosti. Černá na bílé dává 21:1 (maximum). Světle šedá na bílé může dát 1,2:1 — téměř nečitelné pro kohokoliv.

Kontrast barev v praxi

Jemné odstíny šedé na bílém pozadí jsou vizuálně atraktivní, ale při WCAG často selhávají. Testujte barevnou paletu na začátku návrhu. Pro text používejte tmavší varianty firemních barev.