Renk Erişilebilirlik Kontrolü — WCAG Kontrastı ve Renk Körlüğü Simülasyonu
Herhangi bir renk kombinasyonunu erişilebilirlik standartlarına göre test eden bir WCAG 2.1 kontrast denetleyicisi. Metin okunabilirliğini AA ve AAA seviyesi uyumu için doğrulayın — kapsayıcı web tasarımı için vazgeçilmez.
Nasıl Kullanılır
5 adım 1
Renk seçicileri veya hex/RGB alanlarıyla ön plan ve arka plan renklerini seçin ya da girin.
2
Canlı metin önizlemesine bakın ve WCAG AA/AAA uyum sonuçlarını kontrol edin.
3
Her renk körlüğü türünün renklerinizi nasıl algıladığını görmek için simülasyon şeridini inceleyin.
4
Bir denetim başarısız olursa renk çiftini anında düzeltmek için önerilen alternatiflerden birine tıklayın.
5
Tasarım sistemi paletinizdeki tüm kombinasyonları denetlemek için Toplu Palet modunu kullanın.
Renk çiftlerini WCAG kontrast uyumu ve renk körlüğünde ayırt edilebilirlik açısından doğrulayın
Kontrast oranını ve renk körlüğü görünürlüğünü denetlemek için iki renk seçin.
Ön plan
Arka plan
Büyük Metin (18pt+)
Başlık Önizlemesi
Normal Metin (16px)
Pijamalı hasta yağız şoföre çabucak güvendi.
Gövde metni önizlemesi — kullanıcılarınız bu renk kombinasyonunu gerçek içerikte böyle görecek.
WCAG 2.1 Kontrastı
AA, normal metin için 4,5:1, büyük metin için 3:1 ister. AAA ise 7:1 / 4,5:1 ister.
12.63:1
AA Normal
Geçti
AA Büyük
Geçti
AAA Normal
Geçti
AAA Büyük
Geçti
Renk Körlüğü Simülasyonu
Renk çiftinizin farklı renk görme eksikliği türlerine sahip kişilere nasıl göründüğü.
Önerilen Alternatifler
WCAG AA’yı geçen ve tüm renk körlüğü türlerinde ayırt edilebilen erişilebilir renk alternatifleri.
Toplu Palet Kontrolü
Tüm çift kombinasyonlarını denetlemek için 3–10 hex renk yapıştırın (her satıra bir tane ya da virgülle ayrılmış).
Yayımlandı
Güncellendi