Menüdesign für dunkle Restaurants: Die 7:1 Kontrastregel

Eine Whiskey-Bar im Istanbuler Stadtteil Etiler mit 18 Tischen bemerkte, dass Gäste bei Kerzenlicht die Taschenlampe ihres Handys einschalteten, um die Karte zu lesen. Die Lösung war nicht hellere Beleuchtung, sondern den Kontrast von 4.5:1 auf 7:1 anzuheben.

WCAG 2.2 AA vs AAA Empfehlung

WCAG 2.2 AA fordert einen Kontrast von 4.5:1 für Fließtext, wurde aber bei 200-500 Lux Bürobeleuchtung validiert. Abendrestaurants liegen bei 20-50 Lux — ein Zehntel davon.

Für Abendlokale ist daher der AAA-Wert von 7:1 die bessere Basis. Reines #FFFFFF auf #000000 erreicht 21:1, erzeugt aber Blendhöfe; ideal sind #F5F5F5 auf #0A0A0A (etwa 18:1).

Typografie & Schriftgewichte

Dünne Schriftgewichte (100-300) verschwinden bei Kerzenlicht. Verwenden Sie moderne Grotesk-Schriften wie Inter oder Manrope mit Gewicht 500-600 und mindestens 16px.

• Fließtext: 17-18px, Gewicht 500
• Produktname: 19-20px, Gewicht 600
• Preis: 16px, tabularische Ziffern

Automatischer Dark Mode

Moderne QR-Menüs lesen über prefers-color-scheme das Systemthema des Smartphones. iOS schaltet automatisch bei Sonnenuntergang um — kein Toggle nötig.

Daten aus Etiler: Nach Dark Mode + 7:1 Kontrast sanken Lesebeschwerden um 82%, der Getränkeumsatz am Abend stieg um 19%, weil Gäste Cocktail-Sektionen nicht mehr überblättern mussten.

FAQ

Wie messe ich 7:1? WebAIM Contrast Checker oder Chrome Lighthouse berechnen den Wert automatisch.

Beeinträchtigen farbige Kategorietitel den Kontrast? Ja — verwenden Sie Markenfarben nur dekorativ und halten Menütexte reinweiß.

Brauchen wir einen manuellen Dark-Mode-Schalter? Nein — das Systemtheme reicht völlig aus.

Hilfreich? Teilen Sie es.