Menun Suunnittelu Hämärille Ravintoloille: 7:1 Kontrastisääntö

18-pöytäinen viskibaari Istanbulin Etilerissä huomasi vieraiden sytyttävän puhelimensa taskulampun lukeakseen menua kynttilänvalossa. Ratkaisu ei ollut kirkkaampi valaistus vaan menun kontrastin nostaminen 4.5:1:stä 7:1:een.

WCAG 2.2 AA vs AAA Suositus

WCAG 2.2 AA vaatii leipätekstille 4.5:1 kontrastia, mutta se on validoitu 200-500 luksin toimistovalaistuksessa. Iltaravintolat toimivat 20-50 luksilla.

Iltapaikoille aloita AAA-tasolta 7:1. Puhdas valkoinen puhtaalla mustalla antaa 21:1, mutta luo haloja; ideaali on #F5F5F5 ja #0A0A0A (~18:1).

Typografia ja Kirjasinpaksuus

Ohuet paksuudet (100-300) katoavat heikossa valossa. Käytä Interiä, Manropea tai Geistiä paksuudella 500-600 ja vähintään 16px.

• Leipäteksti: 17-18px, paksuus 500
• Annoksen nimi: 19-20px, paksuus 600
• Hinta: 16px, taulukkonumerot

Automaattinen Tumma Tila

Modernit QR-menut lukevat prefers-color-scheme-asetuksen ja omaksuvat järjestelmäteeman. iOS vaihtaa automaattisesti auringonlaskussa.

Etilerin data: tumman tilan ja 7:1 kontrastin jälkeen "lukukelvoton"-valitukset laskivat 82%, ja iltajuomien myynti nousi 19%.

FAQ

Miten mittaan 7:1? WebAIM Contrast Checker tai Chrome Lighthouse laskevat automaattisesti.

Pilaavatko väriotsikot kontrastin? Kyllä — käytä brändivärejä vain koristeisesti ja pidä menuteksti puhdasvalkoisena.

Tarvitaanko manuaalista tumman tilan kytkintä? Ei, järjestelmäteeman kunnioittaminen riittää.

Oliko tästä hyötyä? Jaa se.