Karanlık Mekan İçin Menü Aydınlatma & Kontrast: 7:1 Oranı

İstanbul Etiler'deki 18 masalı bir whiskey bar, mum ışığı atmosferinde müşterilerin "menüyü okuyamıyorum" diye telefon fenerini açtığını fark etti. Çözüm aydınlatmayı artırmak değil, menünün kontrast oranını 4.5:1'den 7:1'e çıkarmaktı.

WCAG 2.2 AA Minimum vs AAA Önerisi

WCAG 2.2 AA standardı normal metin için 4.5:1 kontrast oranı belirler. Ancak bu standart 200-500 lux ofis aydınlatmasında test edilmiştir. Restoran loş aydınlatması genelde 20-50 lux aralığındadır — yani standartlaştırılan ortamın 1/10'u kadar.

Bu yüzden gece restoranları için WCAG AAA seviyesinin 7:1 oranı daha güvenli bir başlangıçtır. Beyaz metin (#FFFFFF) ile saf siyah (#000000) zemin 21:1 verir, ancak göz yorgunluğu için #0A0A0A zeminde #F5F5F5 metin (~18:1) ideal kabul edilir.

Tipografi & Font Ağırlığı Seçimi

Loş mekanda thin (100-300) font ağırlıkları okunabilirliği keser. Inter, Manrope veya Geist gibi modern sans-serif'lerin 500-600 ağırlığı ve en az 16px boyut idealdir. Italic ve script font'lardan kaçının — gece görüş glare'i karakterleri birleştirir.

• Body text: 17-18px, weight 500, line-height 1.6
• Ürün adı: 19-20px, weight 600
• Fiyat: 16px, weight 600, tabular-nums

Otomatik Dark Mode Geçişi

Modern QR menüde prefers-color-scheme CSS media query'si telefonun system temasını okur. iOS sunset/sunrise tabanlı otomatik dark mode'a geçer; akşam 19:00 sonrası menü kendiliğinden koyu temaya döner. thMenu bunu varsayılan davranış olarak uygular.

Etiler whiskey bar verisi: dark mode + 7:1 kontrast tipografi sonrası "menüyü okuyamıyorum" şikâyeti %82 azaldı, gece içki satışı %19 arttı çünkü müşteri yan içecek/aperatif menüsünü artık atlamıyor.

FAQ

7:1 kontrast oranını nasıl ölçerim? WebAIM Contrast Checker veya Chrome DevTools'un Lighthouse erişilebilirlik testi otomatik hesaplar.

Renkli kategori başlıkları kontrast düşürür mü? Evet — markanın amber/altın rengini sadece dekoratif aksesuarlarda kullanın, gerçek ürün metnini saf beyaz tutun.

Müşteriye dark mode toggle gerek var mı? Hayır, sistem ayarını okumak yeter; manuel toggle UI'ı sadeleştirir ve okumayı bozar.

Faydalı buldunuz mu? Paylaşın.