Dizayn menyu dlya posetiteley s daltonizmom

Restoran na 18 stolov v Ankare zametil chto gost ne mozhet razlichit blyuda s bedzhem "novoe" — bedzh i tsennik vyglyadeli odinakovo serym na ego telefone. Daltonizm zatragivaet okolo 4% mirovogo naseleniya: 8% muzhchin, 0,5% zhenshchin.

Tipy daltonizma

Naibolee chastaya forma — deyteranopiya (sleporta na zelenyy): krasnyy i zelenyy slivayutsya v gryazno-seryy ton. Protanopiya i redkaya tritanopiya (sine-zheltaya) sozdaut analogichnye stolknoveniya.

Proverte menyu cherez Adobe Color Blind Simulator ili Coblis. V Ankare nikto ne otlichaal "novoe" (zelenyy) ot "populyarnoe" (krasnyy) — audit zastryal na 78/100.

Dvoynoe kodirovanie

WCAG 2.1 kriteriy 1.4.1: tsvet ne mozhet byt edinstvennym nositelem informatsii. Reshenie: kazhdyy tsvetnoy bedzh dopolnit vtorichnym signalom.

• Ikonka: zvezda dlya "novoe", listok dlya "vegan".
• Tekst: shtampovat "NEW", "POP" ili "OSTROE".
• Forma: tabletka vs kvadrat vs treugolnik.

Kontrast

WCAG AAA trebuet 7:1; AA trebuet 4,5:1. Lighthouse generiruet otchet avtomaticheski. Posle dvoynogo kodirovaniya otsenka Ankary vyrosla do 96/100, pozhilye gosti otmetili uluchshennuyu chitaemost.

FAQ

Naskolko chastoe? 8% muzhchin, 0,5% zhenshchin.

Adobe Simulator? Photoshop View > Proof Setup > Color Blindness.

thMenu podderzhivaet? Da — tsvet, ikona, opt. tekst.

Было полезно? Поделитесь.