WCAG 1.4.6: Kontrast (Gelişmiş)

Bu Kuralın Anlamı

WCAG 1.4.6 Kontrast (Gelişmiş), 1.4 (Ayırt Edilebilir) Kılavuzu altında Seviye AAA başarı ölçütüdür. Metnin ve metin içeren görsellerin görsel sunumunun, arka planlarına karşı en az 7:1 kontrast oranına sahip olmasını gerektirir. Büyük metin için — normal kalınlıkta en az 18pt (yaklaşık 24px) veya kalın (bold) metin için en az 14pt (yaklaşık 18.67px) olarak tanımlanır — gerekli kontrast oranı en az 4.5:1’dir. Bu, normal metin için yalnızca 4.5:1 ve büyük metin için 3:1 gerektiren Seviye AA ölçütü 1.4.3’e göre önemli bir artıştır.

Kontrast oranı, WCAG spesifikasyonunda tanımlandığı şekilde, kullanılan iki rengin göreli parlaklığı kullanılarak hesaplanır. Formül, ön plan ve arka plan renklerinin doğrusal hale getirilmiş RGB değerlerini dikkate alarak 1:1 (kontrast yok, özdeş renkler) ile 21:1 (maksimum kontrast, beyaz üzerine siyah veya siyah üzerine beyaz) arasında bir oran üretir.

Bu ölçüt, arayüzdeki tüm işlenmiş metinlere uygulanır; metin içeren görsellerdeki metin, metin içeren ikonlar ve çıktısı erişilebilir olan canvas öğelerinde işlenen metin dahil. Başlıkları, gövde metnini, etiketleri, anlamlı bilgi ilettiğinde form alanlarındaki placeholder metnini, buton etiketlerini, bağlantı metnini, gezinme öğelerini ve ekranda görünen diğer tüm metinsel içeriği etkiler.

WCAG 1.4.6, 1.4.3 ölçütüyle aynı resmi istisnaları paylaşır. Aşağıdakiler gereklilikten açıkça hariç tutulmuştur:

• İkincil (tesadüfi) metin: Tamamen dekoratif olan, hiç kimse tarafından görülemeyen veya önemli başka görsel içerik barındıran bir resmin parçası olan metin veya metin içeren görseller. Örneğin, dekorasyon amaçlı kullanılan bir fotoğrafın arka planında görünen metin.
• Logotipler: Bir logo veya marka adının parçası olan metnin kontrast gerekliliği yoktur. Bu yalnızca bir şirket logosunun kelime işareti (wordmark) kısmı için geçerlidir; bitişik gövde metni veya arayüz etiketleri için geçerli değildir.
• Etkin olmayan kullanıcı arayüzü bileşenleri: Devre dışı bırakılmış form kontrolleri, devre dışı butonlar veya şu anda çalışır durumda olmayan diğer arayüz öğeleri içindeki metinler muaftır. Ancak bu muafiyet dikkatli kullanılmalıdır — etkin olmayan arayüz öğeleri, varlıklarını iletecek kadar yine de algılanabilir olmalıdır.

Bu ölçüt kapsamında başarılı sayılmak, açıkça istisna tutulmamış her metin içeriği örneğinin 7:1 oranını (veya büyük metin için 4.5:1’i) karşılaması veya aşması anlamına gelir. Herhangi bir istisna dışı metin bu eşiklerin altına düştüğünde, çok küçük bir farkla bile olsa, başarısızlık söz konusudur. Kontrast, desteklenen tüm durumlarda — hover, focus, active, visited — korunmalıdır; çünkü ölçüt, bu durumların her birinde işlenen sunuma uygulanır.

Neden Önemlidir

Dünya Sağlık Örgütü’ne göre dünya genelinde yaklaşık 2.2 milyar insan bir tür görme bozukluğu ile yaşamaktadır. Bunların yüz milyonlarcası, katarakt, glokom, makula dejenerasyonu ve çeşitli renk görme bozuklukları dahil olmak üzere, doğrudan renkleri ayırt etme veya düşük kontrastlı metni algılama yeteneğini azaltan durumlar yaşamaktadır. Bu nüfus için, yalnızca 4.5:1’lik AA kontrast eşiğini karşılayan arayüzler bile okuma ve anlama açısından önemli engeller oluşturabilir.

Bu ölçütün talep ettiği 7:1 oranı, özellikle yaşlanmaya bağlı gözlerde ve yaygın düşük görme durumlarında görülen kontrast duyarlılığı kaybını hesaba katacak şekilde kalibre edilmiştir. Görme bilimi araştırmaları, kontrast duyarlılığı orta düzeyde azalmış bir kişinin — kabaca, düzeltici lens kullanan 20/80 görme keskinliğine sahip bir kişiye eşdeğer — yaklaşık üçe bir oranında etkin kontrast azalması yaşayabileceğini göstermektedir. 7:1’lik bir tasarım oranı, bu algısal azalmadan sonra bile yaklaşık 2.3:1 algılanan kontrast sunar; bu da metnin okunabilir hale geldiği asgari eşiğe yakındır. Bu pay bırakılmadığında, bu tür kullanıcılar içeriği tamamen okuyamaz hale gelebilir.

Gerçek bir senaryoyu düşünün: 68 yaşında bir banka müşterisi, parlak bir öğleden sonra, güneş ışığı dizüstü bilgisayar ekranına yansırken çevrimiçi olarak finansını yönetiyor. Klinik olarak görmesi tam işlevli olsa bile, parlamanın ve yaşlanmayla birlikte gelen doğal kontrast duyarlılığı azalmasının birleşimi, beyaz arka plan üzerindeki orta gri metni tamamen okunamaz hale getirebilir. Normal koşullarda 7:1 kontrast sağlayan bir tasarım bu bağlamda hâlâ kullanılabilirken, 4.5:1 eşiğini kıl payı geçen bir tasarım kullanılamaz.

Engelliliğe özgü etkilerin ötesinde, yüksek kontrastlı metin, neredeyse tüm kullanıcılar için optimal olmayan okuma ortamlarında fayda sağlar: parlak dış mekân güneş ışığı, arka aydınlatması azalmış yıpranmış ekranlar, monokrom e-ink ekranlar ve toplantı odalarındaki düşük kaliteli projektörler. Bu nedenle geliştirilmiş kontrast gerekliliği yalnızca bir erişilebilirlik iyileştirmesi değil, aynı zamanda geniş kapsamlı bir kullanılabilirlik yükseltmesidir.

Arama motoru optimizasyonu açısından bakıldığında, yüksek kontrastlı metin genellikle daha temiz, daha yapılandırılmış tipografik hiyerarşilerle korelasyon gösterir. Arama motorları doğrudan kontrastı ölçmese de, AAA kontrast standartlarını karşılamak için gereken tasarım disiplini, genellikle daha güçlü görsel hiyerarşiye ve daha iyi okunabilirlik puanlarına sahip sayfalar üretir; bu da daha düşük hemen çıkma oranlarına ve daha uzun kalma sürelerine katkıda bulunur — dolaylı olarak SEO performansına fayda sağlayan sinyaller.

İlgili Axe-core Kuralları

• color-contrast-enhanced: Bu, WCAG 1.4.6 ile ilişkili birincil axe-core kuralıdır. DOM’daki tüm metin düğümlerinin hesaplanmış ön plan ve arka plan renklerini değerlendirir ve kontrast oranlarını WCAG parlaklık formülünü kullanarak hesaplar. Kural, normal boyutlu metin için 7:1’in, büyük metin için (hesaplanmış font-size ve font-weight ile tanımlandığı şekilde) 4.5:1’in altına düşen kontrast oranına sahip herhangi bir metin öğesini işaretler. Düzeltmeyi kolaylaştırmak için bulunan gerçek oranı, gerekli oranı ve sorumlu öğeyi raporlar. Kural, normal ve büyük metni, WCAG’in tanımladığı aynı boyut eşiklerini kullanarak ayırt eder: normal kalınlık için 18pt (24px) ve kalın metin için 14pt (18.67px).
• Manuel test gerektiren sınırlamalar: color-contrast-enhanced gibi otomatik kurallar, birkaç önemli senaryoda kontrast hatalarını tespit edemez. <canvas> öğeleri içinde işlenen metin, DOM tabanlı tarayıcıya görünmezdir ve manuel görsel inceleme gerektirir. Gradyan veya fotoğrafik arka planlar üzerine bindirilmiş metin, özellikle zor bir zorluk sunar: metnin arkasına düşen gradyan veya görüntünün hangi kısmına bağlı olarak, metin boyunca kontrast oranı değişir. Otomatik araçlar genellikle bu durumlarda tek bir arka plan rengini örnekler veya sonuçları kesin olmayan olarak raporlar. Hover veya focus durumunda renk değiştiren metin, her etkileşimli durumda manuel olarak test edilmelidir; çünkü otomatik taramalar genellikle yalnızca varsayılan işlenmiş durumu yakalar. Ayrıca, kontrastı JavaScript aracılığıyla çalışma zamanında çözümlenen CSS özel değişkenlerine (custom properties) bağlı olan metin, statik bir tarama sırasında değerlendirilemeyebilir.

Nasıl Test Edilir

1. axe DevTools ile otomatik tarama: axe DevTools tarayıcı uzantısını (Chrome veya Firefox) yükleyin. Hedef sayfayı açın, uzantıyı etkinleştirin ve tam sayfa taraması çalıştırın. Sonuçlar panelinde, kural kimliğine göre color-contrast-enhanced filtresi uygulayın veya sorunlar listesinde "enhanced" ifadesini arayın. İşaretlenen her öğe için panel, öğeyi, gerçek kontrast oranını ve gerekli oranı gösterir. Kesin bir geçiş veya başarısızlık yerine incelenmesi gereken olarak raporlanan öğeleri not edin — bunlar genellikle çözümlenemeyen hesaplanmış arka planları içerir ve manuel doğrulama gerektirir.
2. Lighthouse ile otomatik tarama: Chrome DevTools’u açın, Lighthouse sekmesine gidin ve bir erişilebilirlik denetimi çalıştırın. Lighthouse dahili olarak axe-core kullanır, bu nedenle aynı color-contrast-enhanced ihlallerini gösterecektir. Rapor, bunları Erişilebilirlik başlığı altında gruplar ve her başarısız öğeye bağlantı verir. Lighthouse’un sayfayı varsayılan durumunda denetlediğini ve hover veya focus gibi etkileşimli durumları test etmediğini unutmayın.
3. Manuel renk örnekleme: Tarayıcının geliştirici araçlarındaki renk seçiciyi veya Colour Contrast Analyser (TPGi) gibi özel bir aracı kullanarak metin öğelerinin ön plan ve arka plan renklerini manuel olarak örnekleyin. Bu, özellikle görseller, gradyanlar veya yarı saydam arka planlar üzerindeki metin için önemlidir. Arka planın değiştiği metin boyunca birden fazla noktayı örnekleyin ve örneklenen tüm noktalar arasında minimum kontrast oranının normal metin için 7:1’i, büyük metin için 4.5:1’i karşıladığından emin olun.
4. Etkileşimli durumların test edilmesi: Tarayıcı geliştirici araçlarını kullanarak öğeleri hover, focus, active ve visited durumlarına zorlayın (Chrome DevTools’taki :hov paneli veya eşdeğeri aracılığıyla). Her durumda kontrast kontrolünü yeniden çalıştırın; böylece CSS pseudo-class’ları aracılığıyla uygulanan renk değişikliklerinin kontrast hatalarına yol açmadığından emin olun. Özellikle ziyaret edilmiş bağlantı durumlarına, buton hover durumlarına ve form alanı odak göstergelerine dikkat edin.
5. Ekran okuyucu doğrulaması (NVDA + Firefox): Ekran okuyucular doğrudan kontrastı test etmese de, metnin NVDA tarafından erişilebilir olduğunun doğrulanması, bunun DOM’da gerçek metin olduğunu (alternatifi olmayan metin görseli olmadığını) teyit eder. Firefox’u başlatın, NVDA’yı açın ve okuma imlecini kullanarak sayfada gezinin. NVDA’nın okuyamadığı herhangi bir metin, metin görseli olup olmadığını ve görüntü düzeyinde kontrast testine ihtiyaç duyup duymadığını belirlemek için incelenmelidir.
6. Ekran okuyucu doğrulaması (macOS’ta VoiceOver + Safari): Command+F5 ile VoiceOver’ı etkinleştirin ve VO+Sağ Ok tuşlarını kullanarak sayfada gezinin. NVDA’da olduğu gibi, VoiceOver’ın atladığı veya yanlış okuduğu metin, manuel kontrast incelemesi gerektiren standart dışı metin işleme yöntemlerine işaret edebilir.
7. Gri tonlama simülasyonu: İşletim sistemi erişilebilirlik ayarları üzerinden gri tonlama ekran modunu etkinleştirin (Windows, macOS, iOS ve Android’de mevcuttur). Bu, tüm renk bilgisini kaldırır ve kontrast farklarını anında görünür kılar. Gri tonlama modunda okunması zor hale gelen metin, neredeyse kesin olarak geliştirilmiş kontrast gerekliliğini karşılamaz.

Nasıl Düzeltilir

Açık Arka Plan Üzerinde Gövde Metni — Hatalı

<!-- 1.4.6’dan kalır: #767676 ile #ffffff yaklaşık 4.54:1 verir,
     bu AA’yı (1.4.3) geçer ancak 7:1 AAA gerekliliğinin çok altındadır -->
<p style='color: #767676; background-color: #ffffff;'>
  Please review our terms and conditions before proceeding.
</p>

Açık Arka Plan Üzerinde Gövde Metni — Doğru

<!-- 1.4.6’yı geçer: #595959 ile #ffffff yaklaşık 7.0:1 verir,
     normal kalınlıktaki gövde metni için geliştirilmiş kontrast gerekliliğini karşılar -->
<p style='color: #595959; background-color: #ffffff;'>
  Please review our terms and conditions before proceeding.
</p>

Markalı Arka Plan Üzerinde Renkli Başlık — Hatalı

<!-- 1.4.6’dan kalır: marka mavisi #4A90D9 ile beyaz #ffffff yaklaşık 3.0:1 verir.
     Bu bir başlık olsa ve büyük görünse bile, yaygın web boyutlarındaki
     kalın başlıklar (ör. 20px bold), işlenişe bağlı olarak WCAG "büyük metin"
     tanımına uymayabilir ve 3.0:1, büyük metin için 4.5:1 eşiğini bile geçemez -->
<h2 style='color: #4A90D9; background-color: #ffffff;'>
  Welcome to Our Services
</h2>

Markalı Arka Plan Üzerinde Renkli Başlık — Doğru

<!-- 1.4.6’yı geçer: koyu lacivert #1A3A5C ile beyaz #ffffff yaklaşık 12.6:1 verir.
     Normal metin için 7:1 gerekliliğini aşar ve büyük metin için 4.5:1
     gerekliliğini rahatlıkla geçer. Marka kimliği, aynı ton ailesi içinde
     daha koyu bir ton kullanılarak korunur. -->
<h2 style='color: #1A3A5C; background-color: #ffffff;'>
  Welcome to Our Services
</h2>

Gradyan Arka Plan Üzerinde Metin — Hatalı

<!-- 1.4.6’dan kalır: Gradyan, solda yeterli kontrast sağlayan koyu bir
     renkten, sağda yetersiz kontrast sağlayan açık bir renge geçer.
     Tam genişlik boyunca uzanan metin, bir noktada başarısız olacaktır. -->
<div style='background: linear-gradient(to right, #1a1a1a, #cccccc); padding: 20px;'>
  <p style='color: #ffffff;'>Create your account today and get started.</p>
</div>

Gradyan Arka Plan Üzerinde Metin — Doğru

<!-- 1.4.6’yı geçer: Metnin arkasındaki yarı saydam koyu kaplama,
     ön plan metninin, metin bloğunun altındaki gradyan değerinin
     herhangi bir noktasından bağımsız olarak en az 7:1 kontrast
     korumasını sağlar. -->
<div style='background: linear-gradient(to right, #1a1a1a, #cccccc); padding: 20px;'>
  <p style='color: #ffffff; background-color: rgba(0,0,0,0.75); padding: 8px 12px; display: inline-block;'>
    Create your account today and get started.
  </p>
</div>

Form Girdisinde Placeholder Metni — Hatalı

<!-- 1.4.6’dan kalır: varsayılan tarayıcı placeholder stilinin genellikle
     #aaaaaa ile beyaz üzerinde olması yaklaşık 2.32:1 verir. Placeholder metni
     anlamlı bilgi iletiyorsa (ör. format ipuçları), kontrast gerekliliklerini karşılamalıdır. -->
<input type='text' placeholder='DD/MM/YYYY' style='background: #ffffff;'>

Form Girdisinde Placeholder Metni — Doğru

<!-- 1.4.6’yı geçer: Varsayılan placeholder rengini 7:1 kontrast sağlayacak
     şekilde geçersiz kılar. Ayrıca en iyi uygulama olarak görünür bir etiket
     ekler; çünkü placeholder’lar giriş yapıldığında kaybolur. -->
<label for='dob'>Date of Birth</label>
<input type='text' id='dob' placeholder='DD/MM/YYYY'
  style='background: #ffffff; color: #000000;'>
<style>
  input::placeholder {
    color: #595959; /* beyaz üzerinde yaklaşık 7.0:1 — AAA’yı karşılar */
  }
</style>

Yaygın Hatalar

• AAA eşiklerini kontrol etmeden yalnızca AA’yı geçen renk kombinasyonlarına güvenmek: Birçok tasarımcı, beyaz üzerinde yaygın orta gri #767676 kullanır; bu, yaklaşık 4.54:1 ile 1.4.3’ü geçer ancak 1.4.6’dan ciddi şekilde kalır. Her zaman yalnızca 4.5:1’e değil, 7:1 hedefine göre doğrulayın.
• Büyük metin istisnasının çok geniş uygulandığını varsaymak: Büyük metin istisnası (7:1 yerine 4.5:1), yalnızca normal kalınlıkta en az 18pt (24px) veya kalın metinde en az 14pt (18.67px) olan metin için geçerlidir. 20px normal kalınlıktaki metin bu kapsama girmez ve hâlâ 7:1’i karşılamalıdır.
• Etkileşimli durumlardaki kontrastı göz ardı etmek: Görsel ipucu oluşturmak için hover durumunda daha açık bir renk uygulayıp, hover durumunun hâlâ 7:1’i karşılayıp karşılamadığını kontrol etmemek. Örneğin, hover durumunda buton arka planını koyulaştırırken metni beyaz tutmak hâlâ geçebilir, ancak metni hover’da açmak çoğu zaman başarısızlığa yol açar.
• CSS özel değişken zincirlerini gözden kaçırmak: Metin rengini, --color-primary global olarak ayarlanmış ancak bileşen kapsamı içinde yeniden tanımlanmış var(--color-primary) olarak tanımlayıp kontrastı yeniden doğrulamamak. Etkin işlenen renk, global token değerinden farklı olabilir ve belirli bileşen bağlamlarında başarısız bir oran üretebilir.
• Devre dışı durum muafiyetini tasarım serbestisi olarak görmek: Devre dışı arayüz muafiyetini, devre dışı öğeleri 1:1 kontrastla (görünmez metin) stillendirmek için gerekçe olarak kullanmak; bu da kullanıcıların alanın var olduğunu bilememesine neden olur. Devre dışı öğeler, 7:1 gerekliliğinden muaf olsalar bile görsel olarak algılanabilir olmalıdır.
• Görseller veya video üzerinde işlenen metni test etmemek: Metni doğrudan bir kahraman görseli (hero image) veya video arka planı üzerine yerleştirip, kontrastı yalnızca metnin geçtiği görüntünün ortalama rengine göre kontrol etmek; metnin geçtiği görüntünün en açık kısmına göre değil. Minimum kontrast, ortalama olarak değil, metnin altındaki her pikselde sağlanmalıdır.
• Kontrast düzeltmelerini yalnızca masaüstü kırılma noktalarına uygulamak: Mobil kırılma noktalarında farklı arka plan renkleri kullanan duyarlı tasarımlar — örneğin, masaüstünde beyaz arka plandan mobilde açık bej kart arka planına geçmek — masaüstü testinde olmayan yeni kontrast hataları oluşturabilir.
• Odak göstergesi metin kontrastını unutmak: Özel bir odak halkası veya odak durumu, odaklanmış bir öğenin hem arka planını hem de metin rengini değiştirdiğinde, odak durumundaki yeni metin-arka plan kombinasyonu, varsayılan durumun sağladığından bağımsız olarak 7:1 oranını ayrı ayrı karşılamalıdır.
• Logo muafiyetinin bitişik açıklayıcı metne de uygulandığını varsaymak: Bir marka logosuyla aynı tipografik blokta bir slogan veya ürün açıklaması yerleştirip, logo muafiyetini tüm blok için talep etmek. Muafiyet, yalnızca logonun ayrılmaz bir parçası olan metin için geçerlidir; yakınlardaki hiçbir metin için geçerli değildir.
• CSS framework geçersiz kılmalarından sonra kontrastı doğrulamamak: Metin renklerini 7:1’in altındaki değerlere sıfırlayan veya geçersiz kılan üçüncü taraf bileşen kütüphanesi veya CSS framework’ü içe aktarıp, bu varsayılanları denetlemeden yayınlamak. Framework varsayılanları neredeyse hiçbir zaman AAA kontrast standartlarına göre kalibre edilmez.

Türkiye’nin Erişilebilirlik Mevzuatıyla İlişkisi

21 Haziran 2025’te 32933 sayılı Resmî Gazete’de yayımlanan Türkiye Cumhurbaşkanlığı Genelgesi 2025/10, Türkiye’de faaliyet gösteren geniş bir kurum ve kuruluş yelpazesi için zorunlu dijital erişilebilirlik gereklilikleri belirlemektedir. Genelge, temel standart olarak WCAG 2.2 Seviye AA’ya uyumu zorunlu kılar. Kapsam dahilindeki kuruluş türleri arasında kamu kurum ve kuruluşları, e-ticaret platformları, bankalar ve finansal hizmet sağlayıcıları, hastaneler ve sağlık kuruluşları, 200.000 veya daha fazla abonesi olan telekomünikasyon şirketleri, seyahat acenteleri, özel ulaşım şirketleri ve Millî Eğitim Bakanlığı (MEB) tarafından yetkilendirilmiş özel okullar yer alır.

WCAG 1.4.6 Kontrast (Gelişmiş), Seviye AAA ölçütüdür ve bu nedenle Cumhurbaşkanlığı Genelgesi kapsamında zorunlu bir gereklilik değildir. Yalnızca Seviye AA uyumuna — yasal olarak zorunlu temel seviyeye — ulaşan kuruluşlar, 1.4.3 ölçütüyle tanımlanan normal metin için 4.5:1’lik AA eşiğini sağladıkları sürece, 7:1 geliştirilmiş kontrast gerekliliğini yerine getirmedikleri için genelgeyi ihlal etmiş sayılmazlar.

Bununla birlikte, kontrastta AAA uyumuna ulaşmak, asgari yasal uyumun çok ötesine geçen kapsayıcı tasarıma anlamlı bir bağlılığı temsil eder. Engellilik durumundan bağımsız olarak tüm vatandaşlara hizmet etme yükümlülüğü en geniş olan kamu kurumları için, geliştirilmiş kontrast standardını gönüllü olarak benimsemek, evrensel erişime gerçek bir adanmışlığı gösterir. Hastalar zaten fiziksel veya bilişsel stres altında olabilecekleri ya da parlak klinik aydınlatma gibi zorlu koşullarda dijital sistemlerle etkileşime girebilecekleri sağlık kuruluşları ve hastaneler için, asgari kontrast eşiğini aşmak adına özellikle güçlü pratik gerekçeler vardır. Benzer şekilde, müşterileri giderek daha fazla yaşlı kullanıcıları da kapsayan bankalar ve finansal hizmet sağlayıcıları, AAA kontrast uyumunun ilettiği güvenilirlik ve kullanıcı güveninden faydalanmaya son derece elverişlidir.

ISO 30071-1 sertifikasyonu, Avrupa EN 301 549 uyumu veya erişilebilirlik olgunluğunu değerlendiren herhangi bir uluslararası tedarik sürecini hedefleyen kuruluşlar, Seviye AAA kontrast uyumunun konumlarını güçlendirdiğini görecektir. Dijital erişilebilirlik uygulaması küresel ölçekte ve özel olarak Türkiye’de olgunlaştıkça, tarihsel olarak AAA seviyesinde yer alan ölçütler, ardışık düzenleyici güncellemelerde zorunlu statüye doğru kayma eğilimi göstermiştir. Geliştirilmiş kontrastı şimdiden benimsemek, kuruluşları muhtemel gelecekteki gerekliliklerin önüne geçirir ve ileride yapılacak iyileştirmelerin maliyetini azaltır.

Accsible overlay SDK’sını kullanan kuruluşlar için, platformun kontrast ayarlama araçları, kullanıcıların widget düzeyinde yüksek kontrast modları uygulamasına yardımcı olarak, yayımlanmış tasarımın kontrast seviyeleri ile bireysel kullanıcının ihtiyaçları arasındaki boşluğu kapatmaya yardımcı olan telafi edici bir katman sağlar. Bu, ölçütün kaynak kod düzeyinde karşılanmasının yerini tutmaz; ancak geliştirilmiş kontrasta ihtiyaç duyan ve henüz tam AAA uyumuna ulaşmamış siteleri ziyaret eden kullanıcılar için anlamlı çalışma zamanı desteği sunar.