Jaký kontrast barev musí mít můj web?

Běžný text vyžaduje 4,5:1, velký text 3:1

Pro většinu textu na webu platí minimální poměr kontrastu 4,5 ku 1 mezi barvou textu a barvou pozadí. Pro velký text — přibližně od 18 bodů nebo od 14 bodů u tučného textu — postačuje poměr 3 ku 1. Stejný minimální limit 3 ku 1 platí také pro součásti uživatelského rozhraní, například okraj vstupního pole nebo tlačítko, a pro grafické prvky nezbytné pro pochopení obsahu, například ikonu bez popisku.

Ne všechno podléhá této požadavku. Text v logu, text, který je čistě dekorativní a nemá žádný smysl, a text, který se náhodou nachází na fotografii bez funkce, jsou vyjmuti. Ovládací prvek, který je zakázán — šedé tlačítko, které v daný čas nelze kliknout — také nemusí splňovat normu. Automatická kontrola je schopna měřit poměry kontrastu a porovnávat je s normou, ale posouzení těchto výjimek — je tato ikona dekorativní, patří tento text k logu — vyžaduje lidský pohled, a to je přesně ta část, kterou kontrola nepokrývá.

To je obsaženo v WCAG 2.1, kritéria úspěchu 1.4.3 a 1.4.11

Tyto požadavky vycházejí přímo z WCAG 2.1, rámce pro posuzování, na který se EN 301 549 v praxi uplatňuje. Kritérium úspěchu 1.4.3, Kontrast (Minimum), stanovuje limit 4,5 ku 1 pro běžný text a 3 ku 1 pro velký text. Kritérium úspěchu 1.4.11, Kontrast netextového obsahu, stanovuje stejný minimální limit 3 ku 1 pro prvky uživatelského rozhraní a grafické objekty nezbytné pro pochopení jejich funkce. Obě kritéria patří do úrovně AA, kterou směrnice vyžaduje.