Kontrast Denetleyici

Herhangi bir renk çiftini WCAG AA ve AAA'ya göre kontrol edin, başarısızsa düzeltme önerisi alın.

Metin rengi
Arka plan rengi

Büyük metin, yaklaşık 24px olan 18pt ya da yaklaşık 18.66px kalın olan 14pt kalın demektir.

Büyük metin örneği

Tipik boyutta normal gövde metni; geçmesi en zor durum budur.

Kontrast oranı5.20:1
AA

Normal metin

AA

Büyük metin (18pt veya 14pt kalın)

AAA

Normal metin

AAA

Büyük metin (18pt veya 14pt kalın)

Arayüz

Simgeler, kenarlıklar ve form ögeleri

Renk Kontrastı Nasıl Kontrol Edilir

1

İki rengi girin

Renk kutusunu kullanın ya da hex değeri yazın. Ön plan metin veya simge, arka plan ise arkasında duran şeydir. Ters girdiyseniz yer değiştirin.

2

Oranı ve rozetleri okuyun

Oran 1 ile 21 arasındadır. Rozetler, normal metin, büyük metin ve simge ile giriş kenarlığı gibi metin dışı ögeler için hangi WCAG seviyelerinin geçtiğini söyler.

3

Geçmiyorsa düzeltin

Çift AA'yı kaçırdığında araç, kendi renginizin geçecek en yakın açıklık değerini hesaplar; böylece genel bir griye kaçmak yerine renk tonunuzu korursunuz.

Özellikler

Tam WCAG 2 kontrast oranı
Normal ve büyük metin için AA ve AAA sonuçları
Arayüz ögeleri için 3:1 eşiğinde ayrı kontrol
Renk tonunuzu koruyup yalnızca açıklığı kaydıran düzeltme önerisi
Gerçek arka plan üzerinde iki metin boyutunu gösteren canlı örnek
Renk seçici ve hex girişi
Tek tıkla ön plan ve arka planı değiştirme
Ücretsiz, tarayıcı tabanlı, üyeliksiz

Sık Sorulan Sorular

WCAG AA normal metin için 4.5'e 1, büyük metin için 3'e 1 ister. AAA bunları 7 ve 4.5'e çıkarır. Simge ve giriş kenarlığı gibi metin dışı ögeler AA'da 3'e 1 gerektirir.

Yaklaşık 24 piksel olan 18pt ya da yaklaşık 18.66 piksel kalın olan 14pt kalın. Altındakiler normal metin sayılır ve daha yüksek eşiği geçmek zorundadır.

Formülün üretebileceği azami değer budur. Oran göreli parlaklığı karşılaştırır ve siyah ile beyaz iki uçtur, dolayısıyla hiçbir şey daha yüksek puan alamaz.

Hayır. Formül her zaman açık olanın parlaklığını koyu olana böler, bu yüzden çift her iki yönde de aynı puanı alır. Yer değiştirme düğmesi kolaylık içindir, sonucu değiştirdiği için değil.

Çoğu erişilebilirlik politikasının istediği seviye budur ve makul bir asgaridir. İnsanların uzun süre okuduğu içerik ağırlıklı sayfalarda gövde metni için AAA'yı hedeflemeye değer.

Hayır. Kontrast birkaç gereklilikten biridir. Renk asla bilgiyi ileten tek yol olmamalı ve odak durumlarının kendi görünür kontrastı bulunmalıdır.

Renk tonunuzu ve doygunluğunuzu korur, açıklığı arka planın gerektirdiği yönde kaydırır ve 4.5'i geçen ilk değerde durur. Böylece düzeltme renginizi değiştirmek yerine marka içinde kalır.

Evet, tamamen ücretsiz ve üyeliksiz.

Özel Bir Araç veya Uygulamaya mı İhtiyacınız Var?

Üretim kalitesinde web uygulamaları, SaaS platformları ve geliştirici araçları oluşturuyoruz. Projeniz hakkında konuşalım.

veya ücretsiz görüşme ayarlayın