24.09.2026 tarihinde kontrol edildi · https://www.spiegel.de/
1 kritik engel · ayrıca 4 kontrol edilecek.
Önceki taramadan bu yana: değişiklik yok.
Puan nasıl oluşur? (100 başlangıç puanı)
| HTML'de adı olmayan 21 düğme | -18 |
| 1 form alanında tanınabilir etiket yok | -7 |
| HTML'de tanınabilir adı olmayan 3 bağlantı | -7 |
| Sunulan HTML'de <h1> başlığı yok | -7 |
| Metin kontrastı muhtemelen çok düşük olan 5 CSS kuralın | -7 |
| Sonuç | 54 / 100 |
Algılanabilir
1 form alanında tanınabilir etiket yok
JavaScript ile ayarlanmış bir aria-label olup olmadığını kontrol edin.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
Ş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 5 CSS kuralın
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: `.text-shade-base`: #989694 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.95:1 · `.debug.svelte-1x5iokp`: red auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.00:1 · `.text-effi-primary-base`: #e64415 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-shade-dark`: #807e7c auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-elf-primary-base`: #3c8771 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.29:1
.text-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-base
Ş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 adı olmayan 21 düğme
Metni ve aria-label'ı olmayan düğmeler ekran okuyucular için sessizdir — ad JavaScript ile ayarlanmadıkça.
<button class="bg-white flex items-center justify-around bg-white d><button class="bg-white flex items-center justify-around bg-white d><button><button class="flex items-center justify-center my-auto rounded-cir>
Şunu yapmalısınız: Düğme metni ekleyin veya aria-label ayarlayın.
HTML'de tanınabilir adı olmayan 3 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 target="_self" class="block svelte-1x5iokp"><a target="_self" class="flex flex-col text-black dark:text-shade-ligh<a target="_self" class="text-black dark:text-shade-lightest block">
Ş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üş
- Metin alternatifleri: otomatik olarak tanınabilecek sorun yok
- İçeriğe geçiş bağlantısı var
- <main> yer işareti var
Sonraki adımlar
- HTML'de adı olmayan 21 düğme. Düğme metni ekleyin veya aria-label ayarlayın.
- 1 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 3 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).
- Metin kontrastı muhtemelen çok düşük olan 5 CSS kuralın. İ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.
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
24.09.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