Karanlık modun zorla kullanılmaması talebi

• Lütfen karanlık modu dayatmayın

  • Web sitesi tasarımcılarına, kullanıcılara karanlık modu zorlamamaları yönünde bir çağrı.
  • Eğer karanlık mod markanın bir özelliğiyse, metin için gözü yormayan bir kontrast oranı seçilmeli.
  • Birçok web sitesi yalnızca karanlık mod için tasarlandığından okunması çoğu zaman zor oluyor.

• Gözlerim! Gözlerim! 😵‍💫

  • Karanlık modda okumak gözleri yoruyor ve okuduktan sonra da görsel izler kalabiliyor.
  • Uzun bir yazı okuduktan sonra yatay çizgiler görmek gibi rahatsızlıklar yaşanabiliyor.

• Karanlık modun asıl sorunu ne?

  • Karanlık modun asıl sorunu, metin ile arka plan arasındaki kontrast oranı.
  • Saf beyaz metin ile siyah arka planın kontrast oranı 21:1 ve bu gözleri zorluyor.
  • Buna karşılık, açık gri metin ile koyu gri arka plan göze daha rahat geliyor ve kontrast oranı 4.34:1.

• Bununla ilgili bir kılavuz yok mu?

  • Web İçeriği Erişilebilirlik Yönergeleri (WCAG) 2.1, normal metin için minimum kontrast oranı olarak 4.5:1 öneriyor; ancak maksimum oran için bir kılavuz bulunmuyor.
  • Karanlık modda yüksek kontrast oranına ilişkin şu anda bir standart ya da rehber yok.
  • Yaklaşan WCAG 3.0, "maksimum metin kontrastı" ile ilgili yeni bir keşif gereksinimi ekliyor ve bunun karanlık moddaki yüksek kontrast oranı sorununu ele alması bekleniyor.

• Karanlık moddan keyif alındığında

  • OLED ekranda, karanlık bir odada okurken; özellikle uyumadan önce telefonda bir şeyler okurken karanlık mod tercih ediliyor.
  • Çoğu IDE, varsayılan olarak rahat bir kontrast oranı sunan karanlık moda sahip.
  • Web siteleri karanlık modda rahat bir kontrast oranı sunduğunda karanlık mod keyifli oluyor.

• Not: Bu yazı Hacker News'te canlı ve içgörülü bir tartışma başlattı; farklı bakış açıları, kişisel deneyimler ve erişilebilirlik meseleleri ele alındı. Bu konunun nüanslarını tam olarak anlamak için Hacker News başlığında paylaşılan değerli görüşleri kaçırmamak gerekir.

[GN⁺]

Hacker News görüşü

• İlk bilgisayar ekranları koyu arka plan üzerinde açık metin kullanıyordu. Microsoft Windows beyaz arka plan üzerinde siyah metne geçince rahatsız ediciydi. Karanlık modun geri dönüşü sevindirici, ayrıca fazla parlak olmayan bir aydınlık mod seçeneğine de ihtiyaç var

• Bir web sitesi yalnızca karanlık mod sunuyorsa, bu o sitenin temasıdır. Aydınlık mod varsa karanlık mod da var olabilir. İki modu birden sürdürmeye zorlanmamalı

• Varsayılan olarak seçilemeyen aydınlık mod çok uzun süre devam etti. Karanlık modun daha iyi olduğu durum, yalnızca ekranın karanlık bir odadaki tek ışık kaynağı olduğu zamandır. Karanlık mod geçici bir çözümdür ve aydınlık mod parlak ortamlarda okumayı zorlaştırır

• Belirli bir blog cihaz ayarlarını yok sayıp aydınlık modu dayatıyor. Sorun karanlık mod değil, renk kontrastı

• Düşük kontrast oranı dayatılmamalı. Tüm kullanıcılar içeriğe aydınlık ortamlarda bakmıyor. SDR renk aralığından yararlanılmalı

• Web sitelerinin sistemdeki kullanıcı ayarlarına saygı göstermesi isteniyor. Tarayıcı geliştiricilere fazla fazla kontrol verdi. Kullanıcının ayarları öncelikli olmalı

• Birçok web geliştiricisi karanlık modu varsayılan yapıp kullanıcının tercihlerini yok sayıyor. color-scheme CSS özelliği kullanılarak bir öğenin hangi renk şemasında işlenebileceği belirtilebilir

• Bir macOS kullanıcısı olarak, duruma göre karanlık mod ile aydınlık modu karışık kullanıyorum. Tema sistem ayarlarından değiştirilebilir

• Blogdaki "okunması kolay metin" örneği okunması zor. Bunun nedeni düşük kontrast

• Kişisel olarak aydınlık modu tercih ediyorum, ancak IDE veya terminalde koyu tema kullandığımda parlaklığı en yükseğe ayarlıyorum. Karanlık mod gözleri daha çok yoruyor ve odaklanmayı zorlaştırıyor

• Web API kullanılarak kullanıcının karanlık modda olup olmadığı anlaşılabilir. CSS kuralları uygulamak için @media (prefers-color-scheme: dark) kullanılabilir