Zkontrolujte skutečnou dvojici barev
Zadejte barvu textu a pozadí ve formátu HEX. Nástroj převádí jejich kanály sRGB na relativní jas a počítá kontrast světlejší a tmavší barvy. Poměr je od 1:1 pro stejné barvy až po 21:1 pro černou na bílé. Toto číslo je spolehlivější než dojem z názvů odstínů, protože různé barvy mohou mít podobný jas. Náhled ukáže vybranou dvojici jako text na skutečném pozadí. Testujte barvy, které se na stránce opravdu překrývají: přechod, průhledná vrstva nebo překrytí mohou změnit plochu přímo za písmeny. Při průhlednosti nejprve určete výslednou složenou barvu a testujte tu. Prohození obou barev číselný poměr nezmění.
Rozlišujte požadavky AA a AAA
WCAG 2.2 stanoví pro běžný text na úrovni AA kontrast nejméně 4,5:1. U dostatečně velkého textu se za příslušných podmínek používá 3:1. Přísnější cíle AAA jsou 7:1, respektive 4,5:1 pro velký text. Kalkulačka uvádí čtyři oddělená hodnocení. Jedna kombinace může vyhovět velkému nadpisu AA, ale nevyhovět běžnému odstavci. Rozhodujte podle vykreslené velikosti a tloušťky písma, nikoli podle jména CSS stylu. Tmavě modrá #1A365D na bílé #FFFFFF dává přibližně 12,14:1 a splňuje všechny čtyři zobrazené hranice. Zesvětlete popředí a sledujte, kdy některá hranice přestane platit.
Použijte číslo při revizi návrhu
Začněte souvislým textem, který obvykle potřebuje přísnější hranici pro běžnou velikost. Poté ověřte nadpisy, popisky formulářů, odkazy, navigaci a texty ovládacích prvků ve skutečných stavech. Zaznamenejte přesnou dvojici barev pro opakovaný test při další změně motivu. Náhled usnadňuje srovnání palet, číselná hodnota zabraňuje pouze estetickému odhadu. Netextové části rozhraní spadají pod jiné kritérium WCAG. Úspěch textového testu necertifikuje ikony, obrysy, indikátory zaměření ani celou stránku. Výjimka pro velký text závisí také na konečné velikosti a tloušťce písma. Úplný audit vyžaduje kontrolu ovládání klávesnicí, zvětšení a dalších pravidel.
Předcházejte chybám měření
Nesrovnávejte text s bílou jen proto, že hlavní plocha webu je bílá, jestliže se věta nachází na barevné kartě. Změřte barvu těsně za písmeny. Poměr před kontrolou hranice nezaokrouhlujte vzhůru: nástroj používá nezkrácenou hodnotu a zaokrouhlí ji až pro zobrazení. Výsledek 4,50:1 blízko limitu si žádá kontrolu přesných kódů a konečného vykreslení. Výpočet WCAG vychází ze specifikovaných hodnot sRGB, i když fotografie obrazovky může působit jinak. Ve výsledné aplikaci ověřte překrytí a stavy prvků. Když dvojice nevyhoví, upravte popředí, pozadí nebo obojí a znovu měřte. Větší písmo bez splnění podmínek velkého textu nestačí.