Een whiskybar met 18 tafels in Etiler, Istanbul, zag gasten de zaklamp van hun telefoon aanzetten om bij kaarslicht de kaart te lezen. De oplossing was geen helderdere verlichting maar het contrast van de menu van 4.5:1 naar 7:1 verhogen.
WCAG 2.2 AA vs AAA Aanbeveling
WCAG 2.2 AA vereist 4.5:1 contrast voor lichaamstekst, maar werd gevalideerd bij 200-500 lux kantoorverlichting. Avondrestaurants zitten op 20-50 lux.
Voor avondlocaties begin met AAA-niveau 7:1. Zuiver wit op zuiver zwart geeft 21:1 maar creëert halo's; ideaal is #F5F5F5 op #0A0A0A (~18:1).
Typografie en Letterdikte
Dunne diktes (100-300) verdwijnen in zwak licht. Gebruik Inter, Manrope of Geist met dikte 500-600 en minstens 16px.
- Tekst: 17-18px, dikte 500
- Gerechtnaam: 19-20px, dikte 600
- Prijs: 16px, tabellarische cijfers
Automatische Donkere Modus
Moderne QR-menu's lezen prefers-color-scheme om het systeemthema over te nemen. iOS schakelt automatisch bij zonsondergang.
Data van Etiler: na donkere modus + 7:1 contrast daalden "onleesbaar"-klachten met 82% en stegen avonddrankverkopen met 19%.
FAQ
Hoe meet ik 7:1? WebAIM Contrast Checker of Chrome Lighthouse berekenen automatisch.
Verpesten gekleurde categoriekoppen het contrast? Ja — gebruik merkkleuren alleen decoratief en houd menutekst zuiver wit.
Hebben we een handmatige donkere modus schakelaar nodig? Nee, het systeemthema respecteren is genoeg.
Was dit nuttig? Deel het.
Gerelateerde artikelen
12 concrete voordelen van QR-menu's (met echte data)
Nul printkosten, 31 % hogere gemiddelde besteding, automatisch 20 talen: 12 onde…
Waarom menufoto's de omzet verhogen: restaurantgids
Gerechten met foto's krijgen tot 30% meer bestellingen. Dit is de wetenschap ach…
Waarom Apple Pay-gebruikers 12 seconden minder wachten dan Chip+PIN in restaurants
Visa 2024 veldgegevens: chip+PIN 25.3s, Apple Pay 13.1s. Voor een brasserie met …