Tada File , Tüm araçlar

Renk Kontrastı Denetleyici

Metin ve arka plan renklerinin WCAG AA ve AAA için yeterince okunaklı olup olmadığını kontrol edin ve geçen en yakın rengi alın.

Büyük başlık metni

Normal gövde metni; çoğu kişinin ekranda okuduğu boyut. Kolay okunması için büyük metinden daha fazla kontrast gerekir.

Düğme

Kontrast oranı

4,54:1

  • Normal metin · AA 4.5:1Geçti
  • Normal metin · AAA 7:1Kaldı
  • Büyük metin · AA 3:1Geçti
  • Büyük metin · AAA 4.5:1Geçti
  • Simgeler ve kenarlıklar · AA 3:1Geçti

Geçen en yakın metin rengi:

WCAG 2.2 formülüyle ölçülür. Büyük metin 24 px ve üzeri ya da kalın yazıda 18,5 px ve üzeridir. Yarı saydam metin, arka plan üzerinde göründüğü gibi ölçülür.

Renk Kontrastı Denetleyici, bir metin rengi ile arka planı arasındaki kontrast oranını WCAG 2.2 formülüyle ölçer ve normal metin, büyük metin ile simgeler ve kenarlıklar için AA ve AAA’yı geçip geçmediğini gösterir. Canlı önizleme, arka plan üzerinde gerçek metni gösterir. Bir renk çifti kalırsa araç, tonunu koruyarak geçen en yakın metin rengini önerir; böylece tasarımınızı olabildiğince az değiştirirsiniz.

Renk Kontrastı Denetleyici nasıl kullanılır

  1. 1

    İki renk seçin

    Metin rengini ve arka planı girin veya seçin.

  2. 2

    Sonucu okuyun

    Oranı ve AA ile AAA’yı geçip geçmediğini görün.

  3. 3

    Gerekirse düzeltin

    Önerilen, geçen rengi kullanın.

Neler yapar

WCAG 2.2 seviyeleri
Normal ve büyük metin için AA ve AAA, ayrıca simgeler ve kenarlıklar.
Canlı önizleme
Başlıkları, gövde metnini ve bir düğmeyi arka plan üzerinde görün.
En yakın düzeltme
Aynı tonda, geçen en yakın renk.

Sorular

Ne kadar kontrast oranına ihtiyacım var?

WCAG AA, normal metin için 4,5:1, büyük metin, simgeler ve kenarlıklar için 3:1 ister. AAA, normal metin için 7:1, büyük metin için 4,5:1 ister.

Hangi metin büyük sayılır?

24 px ve üzeri ya da yaklaşık 18,5 px’ten (14 pt) itibaren kalın metin.

Yarı saydam renklerle çalışır mı?

Evet. Saydam bir metin rengi, arka plan üzerinde göründüğü gibi ölçülür.

İnternet bağlantısı gerekir mi?

Yalnızca sayfayı açmak için. Her şey cihazınızda hesaplanır ve yazdığınız hiçbir şey bir yere gönderilmez.