Düşük kontrast, en sık karşılaşılan erişilebilirlik hatalarından biridir ve en hızlı çözülenlerden de. Metin ve arka plan renklerinizi girin; kontrast oranını ve testi geçip geçmediğini görün. WCAG 2.2 AA, normal metin için en az 4,5:1, büyük metin için 3:1 ister; AAA bu oranları 7:1 ve 4,5:1'e çıkarır. Bir kombinasyon yetersiz kalırsa araç, standardı karşılayan en yakın tonları önerir; paletiniz mümkün olduğunca az değişir.
#1A2B3C gibi bir hex kodu veya CSS renk adı girin.
#1A2B3C gibi bir hex kodu veya CSS renk adı girin.
4.54 : 1
AA’yı geçiyor
Normal metin için yasal asgari standardı karşılıyor.
Canlı önizleme
Her sayfayı herkes için erişilebilir hale getirin.
16 piksel gövde metni; içeriğinizin büyük kısmında kullanılan boyut. Bunu rahatça okuyabiliyorsanız...
24 px’in altı veya kalın ise 18,66 px’in altı
24 px ve üzeri veya kalın ise 18,66 px ve üzeri
Kenarlıklar, simgeler, odak halkaları, grafik çizgileri
Aynı ton, en küçük değişiklik. Uygulamak için birini seçin.
Bu renk çifti normal metin için zaten AAA’yı geçiyor. Değişiklik gerekmez.
WCAG, kontrastı açık ve koyu renk arasındaki oran olarak ölçer. Bu oran 1:1 (iki renk aynı) ile 21:1 (beyaz üzerinde siyah) arasında değişir.
| İçerik | AAYasal asgari standart | AAAGeliştirilmiş | WCAG 2.2 kriteri |
|---|---|---|---|
| Normal metinGövde metni, etiketler, bağlantılar | 4.5:1 | 7:1 | 1.4.3 Kontrast (Minimum)1.4.6 Kontrast (Geliştirilmiş) |
| Büyük metin24 px veya kalın ise 18,66 px | 3:1 | 4.5:1 | 1.4.3 Kontrast (Minimum)1.4.6 Kontrast (Geliştirilmiş) |
| Arayüz bileşenleri ve grafiklerGiriş alanı kenarlıkları, simgeler, odak halkaları, grafik çizgileri | 3:1 | Tanımlanmamış | 1.4.11 Metin Dışı Kontrast |
Avrupa Erişilebilirlik Yasası (EAA), ADA içtihadı ve Türkiye’nin dijital erişilebilirlik genelgesi, WCAG 2.x AA seviyesini işaret ediyor. AAA ise belirli içerikler için ulaşılması istenen ileri bir hedeftir.
Form alanı kenarlıkları, simgeler ve odak göstergeleri, yanlarındaki renge karşı 3:1 kontrast sağlamalıdır. Metinde testi geçen pek çok site burada başarısız oluyor.
4,499 oranı 4,5 şartını karşılamaz. Bu araç, geçti ya da kaldı kararını vermeden önce değerleri asla yukarı yuvarlamaz.
Kontrast oranları, WCAG seviyeleri ve bu aracın neleri kapsadığı hakkında kısa yanıtlar.
Corpowid, dijital erişilebilirlik alanındaki yenilikçi yaklaşımı ve performansı nedeniyle dünyanın önde gelen araştırma ve danışmanlık şirketlerinden biri olan Gartner tarafından takdir edilmiştir. Bu rozetler, yapay zeka destekli ve kapsayıcı web deneyimleri oluşturma konusundaki kararlılığımızı yansıtmaktadır.
EN
