31.08.2026 tarihinde kontrol edildi · https://www.heise.de/
4 kritik engeln · ayrıca 3 kontrol edilecek.
Puan nasıl oluşur? (100 başlangıç puanı)
| {total} görselden {n} tanesinde alt özniteliği yok | -18 |
| {n} form alanında tanınabilir etiket yok | -18 |
| HTML'de tanınabilir adı olmayan {n} bağlantı | -18 |
| HTML'de adı olmayan {n} düğme | -18 |
| Sunulan HTML'de <h1> başlığı yok | -7 |
| {n} yinelenen id özniteliği | -7 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -7 |
| Sonuç | 7 / 100 |
Algılanabilir
{total} görselden {n} tanesinde alt özniteliği yok
JavaScript ile yüklenen görseller burada dikkate alınmaz.
img
Şunu yapmalısınız: Her <img> öğesine bir alt verin: anlamlı görsellerde kısa açıklama, salt dekoratif olanlarda alt="".
{n} form alanında tanınabilir etiket yok
JavaScript ile ayarlanmış bir aria-label olup olmadığını kontrol edin.
input, select, textarea
Şunu yapmalısınız: Her alanı bir <label for> öğesine bağlayın veya aria-label / aria-labelledby ayarlayın. Yalnızca bir placeholder yeterli değildir.
Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural}
Gerekli: 4,5:1 (normal) veya 3:1 (büyük metin). “Varsayılan sayfa arka planı” durumunda gerçek arka plan kesin olarak belirlenemedi — şüphe halinde tarayıcıda kontrol edin. Bulunanlar arasında: {examples}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
Şunu yapmalısınız: İlgili asgari değere ulaşılana dek metin rengini koyulaştırın veya arka planı açın. Rengi asla tek ayırt edici özellik olarak kullanmayın.
Kullanılabilir
HTML'de tanınabilir adı olmayan {n} bağlantı
Boş bağlantılar veya alt olmadan yalnızca bir simge/görsel. JavaScript ile ayarlanmış bir aria-label burada tanınmaz.
a
Şunu yapmalısınız: Görünür bağlantı metni ekleyin veya simge bağlantılarında aria-label ya da alt'lı bir görsel kullanın.
HTML'de adı olmayan {n} düğme
Metni ve aria-label'ı olmayan düğmeler ekran okuyucular için sessizdir — ad JavaScript ile ayarlanmadıkça.
button
Şunu yapmalısınız: Düğme metni ekleyin veya aria-label ayarlayın.
Sunulan HTML'de <h1> başlığı yok
Her sayfa tam olarak bir h1 ile başlamalıdır. JavaScript ile kurulan sayfalarda h1 yalnızca tarayıcıda oluşabilir — o zaman işlenmiş DOM'da kontrol edin.
body
Şunu yapmalısınız: İlk başlık olarak anlamlı bir <h1> ekleyin (tercihen sunucu tarafında).
Sağlam
{n} yinelenen id özniteliği
örn. {examples}. label-for ve aria bağlantılarını bozar.
[id]
Şunu yapmalısınız: Benzersiz id'ler atayın.
Sonraki adımlar
- {total} görselden {n} tanesinde alt özniteliği yok. Her <img> öğesine bir alt verin: anlamlı görsellerde kısa açıklama, salt dekoratif olanlarda alt="".
- {n} form alanında tanınabilir etiket yok. Her alanı bir <label for> öğesine bağlayın veya aria-label / aria-labelledby ayarlayın. Yalnızca bir placeholder yeterli değildir.
- HTML'de tanınabilir adı olmayan {n} bağlantı. Görünür bağlantı metni ekleyin veya simge bağlantılarında aria-label ya da alt'lı bir görsel kullanın.
- HTML'de adı olmayan {n} düğme. Düğme metni ekleyin veya aria-label ayarlayın.
- Sunulan HTML'de <h1> başlığı yok. İlk başlık olarak anlamlı bir <h1> ekleyin (tercihen sunucu tarafında).
Haftalık yeniden tarama, JS işlemeli, yeni engellerde e-posta — yakında.
Bir erişilebilirlik beyanı oluşturun →
Yöntem ve sınırlar
31.08.2026 tarihinde www.heise.de alan adının oturum açmadan ilk ziyarette sunduğu HTML, ayrıca aynı alan adından bağlantılı en fazla dört CSS dosyası kontrol edildi. Kontrol edilen: renk kontrastı (CSS'ten), metin alternatifleri, form etiketleri, kullanım öğelerinin adları, başlık yapısı, sayfa başlığı ve sayfa dili, yakınlaştırma kilidi, yinelenen id'ler, pozitif tabindex değerleri, yer işaretleri.
Kontrol edilmeyen: JavaScript ile oluşan her şey, klavye kullanılabilirliği, görünür odak, odak sırası, ekran okuyucu duyurusu, oturum arkasındaki içerik, alt sayfalar. Otomatik test, WCAG ihlallerinin yaklaşık %20–35'ini bulur — geri kalanı manuel kontrol gerektirir. Bir anlık görüntü, hukuki bir karar değil.
Overlay widget’ları (kontrastı veya yazı tipini değiştiren erişilebilirlik düğmeleri) bir siteyi uyumlu hâle getirmez — bulunan engeller kaynak kodda giderilmelidir. Overlay’ler neden işe yaramaz