AAA kontrastları, bileşen başına test edilmiştir.
Metin için ≥ 7:1, büyük yazı tipi için ≥ 4,5:1 — sayfa örneği başına değil, bileşen başına test edilmiştir.
"AAA kontrastları, bileşen başına test edildi" ne anlama geliyor?
Renk kontrastı, ön plandaki metin ile arka plan arasındaki parlaklık oranını ölçer. WCAG iki seviye tanımlar: AA (yasal minimum, 4,5:1 normal / 3:1 büyük) ve AAA (Daha sıkı, 7:1 normal / 4,5:1 büyük). DigElite sürekli olarak AAA seviyesinde faaliyet göstermektedir; daha sıkı seviye bir marka vaadidir.
Yükümlülük ve Fayda — WCAG 1.4.6.
WCAG 1.4.6 (Kontrast Artırılmış) Bu, AAA seviyesidir. Görme engelliler, renk körlüğü olanlar, küçük ekran kullananlar veya güneş ışığı yansımasına maruz kalanlar için, 4,5:1 ve 7:1 kontrast oranları arasındaki fark, içeriğin okunabilir olmasını sağlayan en önemli unsurdur. Ayrıca: AAA kontrastı, net bir marka sinyali gönderir ("kapsayıcılığı ciddiye alıyoruz") ve Alman Federal Veri Koruma Yasası'nın (BDSG) asgari gerekliliklerinin ötesinde yasal riskleri azaltır.
Bunu tam olarak nasıl çözeceğiz?.
- Marka stil kılavuzundaki marka belirteçleri, her belirteç çifti için AAA kontrast provasıyla birlikte (bkz.
WEB/MARKA STİL KILAVUZU.md). - Üç farklı rolde tek bir marka rengi: 16 pikselden büyük veya eşit beyaz metinli düğme arka planı için canlı (AAA-Büyük), açık renkli metin için koyu, koyu renkli metin için açık.
- Brand Vibrant rengini asla gövde metni rengi olarak kullanmayın — 4.5:1 oranı yalnızca AAA-Large boyutları için yeterlidir.
- Arka uçtaki kontrast tarayıcı modülü aracılığıyla otomatik olarak kontrol edilir (ilgili modüllere bakın).
- Her tasarım değişikliği için: WCAG kontrast hesaplayıcısı ile yeniden doğrulayın — ihlal durumunda sürüm durdurulmalıdır.
Modül paketimizin ilgili yapı taşları
-
Yapay zeka alternatif metin oluşturucu
WCAG 1.1.1Artık "açıklamasız resim" yok. Yapay zeka ilk taslağı sunuyor, editör ekibi ise onu iyileştiriyor.
-
Hijyen ve Yapı Yöneticisi
WCAG 1.3.1Ekran okuyucular ve arama motorları için temiz bir tasarım — sayfa başına bir H1 başlığı, sayfa atlamaları yok.
-
Sade dil (yapay zeka destekli)
WCAG 3.1.5Okuma güçlüğü çekenler, dil öğrenenler ve acelesi olanlar için tek tuşla basitleştirilmiş içerik.
-
Erişilebilir formlar
WCAG 3.3.1Net etiketler, programatik hata yönetimi, doğrulama — tarayıcıda açılır pencereler yok, "lütfen doldurun" gibi şeyler yok.
Tam olarak bu modüle mi ihtiyacınız var?
15 dakikalık ön görüşme — siteniz için uygun olup olmadığını netleştireceğiz.
Daha fazla bilgi:
BFSG genel bakışı ·
Performans genel bakışı ·
BAFA fonlaması ·
Sıkça Sorulan Sorular