WCAG AA ve AAA Kontrast Denetleyici

WCAG 2.2 AA ve AAA için renk kontrastını kontrol edin, metin boyutlarını önizleyin ve erişilebilir renk alternatifleri bulun.

Yardım için imleci bir alanın üzerine getirin veya alanı seçin. Kapatmak için Escape tuşuna basın.

Ön planArka planOpak zemin

HEX, RGB, RGBA veya HSL kullanın. Saydam renkler opak zemin üzerinde birleştirilir.

5.84:1

Eşikler, ekrandaki yuvarlanmış değer yerine daima tam hassasiyetli oranı kullanır.

WCAG 2.2
Düzey	Kullan	SC	En az	Sonuç
AA	Normal metin	1.4.3	4.5:1	Başarılı
AA	Büyük metin	1.4.3	3:1	Başarılı
AAA	Normal metin	1.4.6	7:1	Başarısız
AAA	Büyük metin	1.4.6	4.5:1	Başarılı
AA	Arayüz bileşenleri ve grafikler	1.4.11	3:1	Başarılı

Önizleme metniYazı tipi boyutu (CSS px)Kalın

Aa — fiokit.

Normal metin: AA ✓ · AAA ✗

Büyük metin: en az 24 CSS px veya kalın yazıda 18,67 CSS px (14 pt).

Önerilen ön plan hedefiRapor

WCAG 2.2
#155bdf / #ffffff (#ffffff)
5.8433:1
AA Normal metin (SC 1.4.3): PASS — 4.5:1
AA Büyük metin (SC 1.4.3): PASS — 3:1
AAA Normal metin (SC 1.4.6): FAIL — 7:1
AAA Büyük metin (SC 1.4.6): PASS — 4.5:1
AA Arayüz bileşenleri ve grafikler (SC 1.4.11): PASS — 3:1

Bu araç renk çiftlerini kontrol eder, tam WCAG uygunluğunu değil. Bitişik renkleri, etkileşim durumlarını ve gerçek içeriği ayrı değerlendirin.

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

Nasıl çalışır

Ön planı, arka planı ve opak zemini belirleyin. AA ve AAA sonuçları anında güncellenir. Yazı boyutunu ve kalınlığını deneyin, önerilen bir rengi uygulayın veya raporu indirin.

Uygulamalı bir örnek

Renkler

#155bdf

Sık sorulan sorular

Metnim bir sunucuya gönderiliyor mu?

Hayır. İçerik bu tarayıcıda işlenir. Sunucuya gönderilmez veya kaydedilmez.

WCAG AA ve AAA Kontrast Denetleyici hakkında ne bilmeliyim?

Metin ve metin dışı eşikleri ayrı ayrı bildirir. Bu renk kontrolü, tam WCAG uygunluğunu belgelemez.