31.08.2026 tarihinde kontrol edildi · https://www.spiegel.de/
1 kritik engel · ayrıca 3 kontrol edilecek.
Önceki taramadan bu yana: değişiklik yok.
Puan nasıl oluşur? (100 başlangıç puanı)
| HTML'de adı olmayan {n} düğme | -18 |
| {n} form alanında tanınabilir etiket yok | -7 |
| HTML'de tanınabilir adı olmayan {n} bağlantı | -7 |
| Sunulan HTML'de <h1> başlığı yok | -7 |
| Sonuç | 61 / 100 |
Algılanabilir
{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.
Kullanılabilir
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.
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.
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).
Zaten doğru çözülmüş
- Textalternativen: keine automatisch erkennbaren Probleme
- İçeriğe geçiş bağlantısı var
- <main> yer işareti var
- Kontrast: CSS'te net ihlal bulunamadı
Sonraki adımlar
- HTML'de adı olmayan {n} düğme. Düğme metni ekleyin veya aria-label ayarlayın.
- {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.
- 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.spiegel.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