Egy 18 asztalos whiskeybár Isztambul Etiler kerületében azt látta, hogy a vendégek bekapcsolják telefonjuk zseblámpáját, hogy gyertyafényben olvashassák az étlapot. A megoldás nem fényesebb világítás volt, hanem az étlap kontrasztját 4.5:1-ről 7:1-re emelni.
WCAG 2.2 AA vs AAA Ajánlás
A WCAG 2.2 AA 4.5:1 kontrasztot ír elő normál szövegnél, de 200-500 lux irodai megvilágítás mellett validálták. Az esti éttermek 20-50 luxon működnek.
Esti helyeknél induljon az AAA szintű 7:1-ről. Tiszta fehér tiszta feketén 21:1-et ad, de halókat hoz létre; ideális a #F5F5F5 a #0A0A0A-n (~18:1).
Tipográfia és Betűvastagság
A vékony betűvastagságok (100-300) eltűnnek gyenge fényben. Használjon Inter, Manrope vagy Geist betűtípust 500-600 vastagsággal és legalább 16px mérettel.
- Szöveg: 17-18px, vastagság 500
- Ételnév: 19-20px, vastagság 600
- Ár: 16px, táblázatos számok
Automatikus Sötét Mód
A modern QR-étlapok prefers-color-scheme-mel olvassák a rendszertémát. Az iOS naplementekor automatikusan vált.
Etiler adatok: sötét mód + 7:1 kontraszt után az "olvashatatlan" panaszok 82%-kal csökkentek, az esti italértékesítés 19%-kal emelkedett.
GYIK
Hogyan mérek 7:1-et? A WebAIM Contrast Checker vagy a Chrome Lighthouse automatikusan kiszámítja.
A színes kategóriacímek tönkreteszik a kontrasztot? Igen — a márkaszíneket csak dekoratívan használja, az étlap szövegét tartsa tisztafehéren.
Kell-e manuális sötét mód kapcsoló? Nem, a rendszertéma tiszteletben tartása elég.
Hasznosnak találtad? Oszd meg.
Kapcsolódó cikkek
A QR-menü 12 konkrét előnye (valódi adatokkal alátámasztva)
Nulla nyomtatási költség, 31 %-os átlagos rendelési érték növekedés, automatikus…
Miért növelik a menüfotók az eladást: éttermi útmutató
A képekkel ellátott ételek akár 30%-kal több rendelést kapnak. Íme a vizuális me…
Miert varnak az Apple Pay-felhasznalok 12 masodperccel kevesebbet mint a Chip+PIN etterumkeben
Visa 2024 terepi adatok: chip+PIN 25.3s, Apple Pay 13.1s. 32 asztalos brasserie …