Návod
Kontrast farieb podľa WCAG 2.2 zrozumiteľne
Kontrastný pomer vyjadruje, ako veľmi sa líši jas textu a pozadia. Pohybuje sa od 1 : 1 (rovnaká farba) po 21 : 1 (čierna na bielej). Čím je vyšší, tým lepšie sa text číta, najmä na slnku, na horšom displeji a pre ľudí so slabším zrakom.
Čo presne WCAG vyžaduje
- 1.4.3 (AA): 4,5 : 1 pre text, 3 : 1 pre veľký text.
- 1.4.6 (AAA): 7 : 1 pre text, 4,5 : 1 pre veľký text.
- 1.4.11 (AA): 3 : 1 pre ikony, rámčeky polí a ovládacie prvky.
Na čo sa pravidlá nevzťahujú
Logá a text, ktorý je súčasťou loga, čisto dekoratívne prvky a neaktívne ovládacie prvky, napríklad sivé nedostupné tlačidlo. Všetko ostatné vrátane textu na fotke, zástupného textu v poli a odkazov musí pravidlá spĺňať.
Časté chyby
- Svetlosivý text na bielom pozadí kvôli „čistému“ vzhľadu.
- Biely text na svetlej časti fotky bez stmavenia.
- Zástupný text v poli, ktorý splýva s pozadím.
- Označenie chyby len červenou farbou, bez ikony alebo textu.
Čo je APCA
APCA je nová metóda výpočtu kontrastu, ktorá lepšie zodpovedá ľudskému vnímaniu, najmä v tmavých režimoch. Je jedným z kandidátov na výpočet kontrastu v budúcej verzii WCAG 3, o metóde sa však zatiaľ nerozhodlo a záväzná nie je. Pri plnení zákona sa riaďte pomerom podľa WCAG 2.2, APCA berte ako doplnkovú pomôcku.