Kontrast selhává při simulaci barvosleposti

Tytéž dvojice text–pozadí jako u COLOR-01 se přepočítají simulací barvosleposti (barvy se převedou tak, jak je vidí člověk s poruchou barevného vidění) a kontrast se změří znovu. Nález vznikne u dvojic, které v simulaci propadnou.

Jde tedy o dvojice, které v běžném vidění projdou nebo jsou těsně nad hranicí, ale po simulaci se propadnou pod ni. Report uvede počet.

Co kontrola nedělá: nesimuluje všechny typy poruchy barevného vidění se stejnou přesností, neposuzuje, jestli je ten text pro stránku důležitý, a stejně jako COLOR-01 bere barvu pozadí tak, jak ji hlásí prohlížeč; u textu na fotografii je výsledek orientační. Nález je na úrovni stránky, závažnost varování.

Na viditelnost v odpovědích AI to vliv nemá. A na rozdíl od COLOR-01 tady musíme být opatrní i s tvrzením o normě.

Kritérium WCAG 1.4.3 simulaci barvosleposti nevyžaduje. Norma stanovuje kontrastní poměr počítaný z jasu, a jas se poruchou barevného vidění mění jen málo. Tenhle nález je tedy nad rámec normy, je to naše vlastní přísnější kontrola, ne požadavek.

Proč ji přesto děláme: protože poruchou barevného vidění je postižena nezanedbatelná část populace, převážně mužské, a dvojice barev, které v běžném vidění splývají jen trochu, pro ni mohou splynout úplně. Typicky zelená a červená, nebo modrá a fialová.

Jak tenhle nález číst: ne jako porušení pravidla, ale jako upozornění, že váš návrh stojí na barvě víc, než by měl. Když se to potká s COLOR-03 (informace odlišená jen barvou), je to silný signál; samotné to je spíš podnět k zamyšlení.

Obecné pravidlo, které vyřeší většinu případů: nestavějte rozlišení na odstínu, stavějte ho na jasu. Dvě barvy s výrazně odlišným jasem zůstanou rozlišitelné i v simulaci; dvě stejně jasné barvy různého odstínu ne.

• Zkontrolujte zelenou a červenou vedle sebe. Je to nejčastější dvojice v návrzích (úspěch/chyba) a zároveň nejproblematičtější.
• U stavových barev přidejte druhý signál: ikonu, tvar, text. To je zároveň oprava COLOR-03.
• Ztmavte nebo zesvětlete jednu z dvojice, místo abyste měnili odstín.
• Ověřte si to sami. Prohlížeče mají v nástrojích pro vývojáře simulaci poruch barevného vidění: přepnete ji a podíváte se na stránku očima, které barvy nerozliší.

A jedna věc k pořadí prací: nejdřív opravte COLOR-01. Když kontrast nesplňuje ani běžné vidění, simulace to jen potvrdí a opravovat dvakrát nemá smysl.