Navrhovani menu pristupnych pro barvoslepe hosty

Restaurace s 18 stoly v Ankare Etlik si vsimla, ze host nemuze rozeznat jidla s odznakem "nove" — odznak a cenovka vypadaly na jeho telefonu stejne sede. Barvoslepost postihuje pribllizne 4% svetove populace: 8% muzu, 0,5% zen.

Typy barvoslepost

Nejcastejsi formou je deuteranopie (slepota na zelenou): cervena a zelena se slevaji do blativeho odstinu. Protanopie a vzacna tritanopie (modro-zluta) zpusobuji podobne kolize.

Otestujte menu pres Adobe Color Blind Simulator nebo Coblis. V pripade Ankary zadny zakaznik nerozliseni "nove" (zelene) od "popularni" (cervene) — audit zustal na 78/100.

Dvojite kodovani

WCAG 2.1 kriterium 1.4.1: barva nemuze byt jedinym nositelem informace. Reseni: kazdy barevny odznak druhotnym signalem.

• Ikona: hvezda u "nove", list u "vegan".
• Text: razitko "NEW", "POP" nebo "OSTRE".
• Tvar: pilulka vs ctverec vs trojuhelnik.

Kontrast

WCAG AAA vyzaduje 7:1; AA 4,5:1. Lighthouse generuje report automaticky. Po dvojitem kodovani skore Ankary stouplo na 96/100, starsi hoste chvalili lepsi citelnost.

FAQ

Jak caste? 8% muzu, 0,5% zen.

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

thMenu podporuje? Ano — barva, ikona, volitelny label.

Bylo to užitečné? Sdílejte to.