Kontrast denetleyici
AA ve AAA kararları ve düzeltme önerileriyle renk çiftlerinin WCAG kontrast oranlarını kontrol edin.
Kontrast denetleyici
Ön plan ve arka plan çiftlerini her satıra bir tane olacak şekilde yapıştırın — #ffffff, #333, #eee veya rgb(0, 0, 0) #fff üzerine #7a1f2b — ve her çiftin WCAG 2 kontrast oranı, her uyumluluk düzeyi için başarılı veya başarısız kararıyla anında geri gelir. Oran 1:1'den (hiç kontrast yok) 21:1'e (beyaz üzerine siyah) kadar uzanır ve tam olarak yönergelerin tanımladığı şekilde göreceli parlaklıktan hesaplanır, dolayısıyla sayılar tarayıcı denetçileri ve denetim araçlarıyla uyumludur.
WCAG iki seviyeyi adlandırır. Çoğu yasa ve sözleşmenin referansı olan AA, normal metin için 4,5:1 ve büyük metin için 3:1 gerektirir. Daha katı hedef olan AAA, 7:1 ve 4,5:1 ister. Metin, normal ağırlıkta 18 puntodan (yaklaşık 24 piksel) veya kalın harflerle 14 puntodan (yaklaşık 18,7 piksel) büyük sayılır; bu nedenle bir başlık, paragrafın başarısız olduğu bir oranda geçebilir. Raporda çift başına dört kontrolün tamamı açıklanıyor; çıktıyı çift başına bir satır olacak şekilde Kompakt olarak değiştirin; bu, tüm paleti tararken daha hızlı okuma sağlar.
Bir çift normal metin için AA'yı kaçırdığında, "Düzeltme öner" seçeneğini açın; araç, 4,5: 1'e ulaşana kadar renk tonunu koruyarak küçük açıklık adımlarıyla ön planı koyulaştırır veya aydınlatır - ardından en yakın geçen altıgeni stil sayfanıza geri yapıştırmaya hazır olarak yazdırır.
Her şey tarayıcınızda çalışır; yayınlanmamış marka paletleri asla cihazınızdan ayrılmaz. Renkler, karma, rgb() veya rgba() veya ortak bir CSS adı (temel 16 artı popüler genişletilmiş olanlar) ile veya karma olmadan 3 veya 6 basamaklı onaltılık olabilir. 148 isimli CSS listesinin tamamı kasıtlı olarak taşınmamaktadır, bu nedenle egzotik isimleri hex olarak yazın. Renk çifti olmayan bir çizgi sakin bir şekilde not edilir ve geri kalanı işlenmeye devam eder.