Bu liste, WCAG 2.2 AA ölçütlerinden yola çıkarak hazırlandı ve en sık karşılaşılan sorunları önceliklendirir. Her yayın öncesi hızla üzerinden geçebilirsiniz.
Görsel tasarım
- Kontrast: Normal metin için en az 4,5:1, büyük metin için 3:1. Kontrast denetleyiciyle ölçün.
- Renk tek başına anlam taşımasın: "Kırmızı alanlar zorunludur" yerine simge + metin kullanın.
- Yazı boyutu: Gövde metni en az 16px; %200 büyütmede yatay kaydırma çıkmamalı.
- Odak göstergesi: Sekmeyle gezerken hangi öğede olduğunuz her zaman görünmeli.
Klavye ve etkileşim
- Tam klavye erişimi: Fare olmadan tüm işlemler yapılabilmeli; odak tuzağı olmamalı.
- Atlama bağlantısı: "İçeriğe atla" bağlantısı ilk Tab'da görünmeli.
- Hedef boyutu: Tıklanabilir öğeler en az 24×24px olmalı (WCAG 2.2).
- Animasyon kontrolü: prefers-reduced-motion tercihine saygı gösterin; otomatik oynayan içeriğe durdurma düğmesi ekleyin.
İçerik ve yapı
- Başlık hiyerarşisi: Tek H1; seviyeler atlamadan H2, H3 sırasıyla.
- Alt metinler: Anlam taşıyan her görsele açıklayıcı alt metin. Nasıl yazılacağını öğrenin.
- Bağlantı metinleri: "Buraya tıklayın" yerine hedefi anlatan metinler.
- Sayfa dili: html etiketinde lang tanımlı olmalı.
Formlar ve medya
- Form etiketleri: Her alanın görünür bir label'ı olmalı; hatalar metinle açıklanmalı.
- Video altyazıları: Tüm videolara altyazı, mümkünse transkript.
- Erişilebilirlik beyanı: Uyum durumunuzu ve geri bildirim kanalınızı yayımlayın.
Kestirme: Bu listenin büyük bölümünü AccessNox otomatik karşılar. Ücretsiz testle hangi maddelerde eksik olduğunuzu görün.