· kaynak dev.to (home feed)
Safari 27.3 beta'daki Uyarlanabilir Karanlık Mod WCAG kontrastını kaçırabilir, yeniden uygulama gösteriyor
Apple'ın Safari 27.3 beta'sı, karanlık mod bildirmeyen açık renkli sayfaları otomatik olarak karartacak; bir dev.to yazarının renk dönüşümünü yeniden uygulaması, on metin renginden üçünün WCAG'ın 4,5:1 kontrast eşiğinin altında kaldığını ortaya koyuyor.

Apple, 3 Kasım 2026'da bir WebKit blog yazısında duyurduğu şekilde Safari 27.3 beta'sına Uyarlanabilir Karanlık Mod (Adaptive Dark Mode) özelliğini ekledi. Özellik, WebKit ekibinin sayısallaştırdığı bir uyumsuzluğa çözüm getiriyor: sayfa yüklemelerinin neredeyse %40'ı artık karanlık modu açık şekilde gezinyen kullanıcılardan geliyor, buna karşılık sayfaların yalnızca yaklaşık %10'u gerçekten karanlık mod desteği bildiriyor. Safari, karanlık mod bildirimi yapmayan ve ağırlıklı olarak açık renkli olduğunu değerlendirdiği bir sayfayı yüklediğinde sayfanın renklerini yeniden yazıyor — ton sabit tutularken açıklığı ters çeviriyor — ve metin için WCAG'ın 4,5:1 kontrast oranını hedeflediğini söylüyor.
Dönüşümün bağımsız bir testi
Bir gün sonra yayımlanan bir dev.to yazısı, bu tür bir dönüşümün gerçek renklere ne yaptığını inceliyor. Beta'yı çalıştıramayan yazar, tanımlanan algoritmanın minimal bir sürümünü yaklaşık 30 satırlık Python koduyla yeniden kurdu ve tipik açık mod arayüz renklerinden oluşan 12 renkli bir palet üzerinde iki dönüşüm çalıştırdı: saf kanal başına RGB tersleme ve HLS uzayında ton ile doygunluğu koruyan açıklık terslemesi.
Sonuçlar net bir ödünleşim ortaya koyuyor. Saf tersleme 10 metin renginden 9'unda 4,5:1 eşiğini geçti ama palet genelinde tonları ortalama 135 derece döndürdü — bağlantı mavisi turuncu, başarı yeşili mora dönüştü. Açıklık terslemesi her tonu korudu ama 10'dan yalnızca 7'sini geçti. Üç başarısızlığı tehlike kırmızısında 4,06:1, soluk gri'de 4,24:1 ve kod kırmızısında 4,41:1 idi — büyük hatalar değil, kıl payı kaçmalar.
Zor vakalar, açıklık aralığının ortasına yakın duran doygun renkler; bu da gerçek bir tasarım sisteminin büyük bölümünü tanımlıyor. Tam olarak 0,5 açıklıkta duran saf kırmızı hiç dokunulmadan geçiyor. Yazarın argümanı şu: Safari saf bir açıklık aynası kullanırsa bu başarısızlıkların aynısını üretirdi; dolayısıyla WebKit'in kontrast iddiası, blog yazısında belgelenmeyen ek bir düzeltme adımı — başarısız renkleri aynalanmış konumun da ötesine iten bir adım — anlamına geliyor. Şunu da eklemek gerek: bu rakamlar yeniden uygulamayı ölçüyor, Safari'nin kendisini değil.
Geliştiricilerin tespit edemediği veya kaçamadığı kısımlar
Üç operasyonel ayrıntı öne çıkıyor. Canvas içeriği dönüştürülmeden bırakılıyor ve yeniden yazmayla çakışacakları durumlarda mix-blend-mode gibi karıştırma efektleri bazen kapatılıyor; sonuçta bir sayfa genel olarak koyu kalırken parlak içerik lekeleri içerebiliyor. CSS renklerini okuyan JavaScript, dönüştürülmüş değil yazar tarafından tanımlanan değerleri alıyor; bu da etkinin betikten feature detection ile tespit edilemeyeceği anlamına geliyor — bir sayfayı doğrulamak insan gözü gerektiriyor. Ve bildirilen kaçış kapısı olan color-scheme: light only, beta 1'de çalışmıyor çünkü "only" anahtar kelimesi desteklenmiyor; geriye tek gerçekçi seçenek kalıyor: gerçek bir karanlık tema sunmak.
Hangi siteler yeniden yazılıyor
Yazar ayrıca dokuz ana sayfanın sunulan HTML'ini grep'ledi. Beşi açıkça karanlık desteği bildiriyordu — Wikipedia, GitHub, MDN, Node.js ve Tailwind. Python.org, mozilla.org ve Stack Overflow'un yönlendirme sayfası hiçbir bildirim göstermedi, React'inki ise tek bir belirsiz eşleşme üretti. Yöntem, harici stil sayfalarının içinde gizli bildirimleri kaçırıyor; dolayısıyla sayı bir alt sınır ve örneklem zaten karanlık modu önemseyen sitelere kaymış durumda. Sonuç rahatsız edici: yeniden yazılması en olası sayfalar, karanlık moda en az düşünen sayfalar.
Neden önemli
Uyarlanabilir Karanlık Mod, geliştiricilere hiç kurmadıkları ve koddan tespit edemedikleri bir görünüm dayatıyor. Opt-out anahtar kelimesi çalışana kadar gerçekçi seçenekler color-scheme bildirmek ve gerçek bir karanlık tema sunmak ya da sayfaları beta'da elle incelemek. dev.to rakamları ayrıca başarısızlık modunun neye benzediğini gösteriyor: 4,0 ile 4,5 arasındaki kontrast oranları ilk bakışta sorun görünmeyebilir ama WCAG AA'da kalıyor ve tasarım sistemlerinin bağlantılar, hatalar ve durum mesajları için kullandığı doygun vurgu renklerinde kümeleniyor. Yalnızca açık temalı bir siteyi sürdüren herkes için beta dönemi, Safari'nin sitesine ne yapacağını öğrenme penceresi.
- #safari
- #webkit
- #dark-mode
- #accessibility
- #wcag
- #css