Skip to content
FunctiesPrijzenPartnersBlogHelpOver onsContact
Aan de slagInloggen
Terug naar Blog
guides2027-01-135 min. leestijd

Menus ontwerpen voor kleurenblinde gasten: toegankelijkheidsgids

8% van mannen is kleurenblind. Dubbele codering tilde audit score van 78 naar 96 van 100.

th

thMenu Team

thmenu.com

Een 18-tafel soep en salade zaak in Ankara Etlik merkte op dat een gast niet kon zien welke gerechten de "nieuw" badge droegen — badge en prijslabel zagen er op zijn telefoon hetzelfde grijs uit. Kleurenblindheid raakt ongeveer 4% van de wereldbevolking: 8% van mannen, 0,5% van vrouwen.

Types kleurenblindheid

De meest voorkomende vorm is deuteranopie (groenblindheid): rood en groen versmelten tot een modderige tint. Protanopie en de zeldzame tritanopie (blauw-geel) veroorzaken vergelijkbare botsingen.

Test je menu met Adobe Color Blind Simulator of Coblis. In de Ankara casus kon geen enkele gast "nieuw" (groen) van "populair" (rood) onderscheiden — audit zat maanden vast op 78/100.

Dubbele codering

WCAG 2.1 criterium 1.4.1: kleur kan niet de enige drager van informatie zijn. Oplossing: koppel elke gekleurde badge aan een secundair signaal.

  • Icoon: ster bij "nieuw", blad bij "vegan".
  • Tekst: stempel "NEW", "POP" of "PITTIG".
  • Vorm: pil vs vierkant vs driehoek.

Contrastratios

WCAG AAA vereist 7:1; AA vereist 4,5:1. Lighthouse genereert automatisch rapport. Na dubbele codering steeg de Ankara score naar 96/100, oudere gasten prezen verbeterde leesbaarheid.

FAQ

Hoe vaak? 8% mannen, 0,5% vrouwen.

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

thMenu ondersteunt? Ja — kleur, icoon, optioneel label.

Was dit nuttig? Deel het.