31.08.2026 tarihinde kontrol edildi · https://www.spiegel.de/
32 kritik engeln · ayrıca 7 kontrol edilecek.
Puan nasıl oluşur? (100 başlangıç puanı)
| {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 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -18 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -6 |
| Sunulan HTML'de <h1> başlığı yok | -7 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -2 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -2 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -2 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -2 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -2 |
| Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural} | -2 |
| Sonuç | 0 / 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.
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}
.button-spon
Ş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.
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}
.button-effi
Ş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.
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}
.button-mmo
Ş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.
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}
.button-hbm
Ş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.
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}
input::-moz-placeholder, textarea::-moz-placeholder
Ş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.
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}
input::placeholder, textarea::placeholder
Ş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.
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}
body .richtext--inverted p
Ş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.
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}
body .richtext--inverted a
Ş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.
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}
body .richtext--inverted a:focus
Ş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.
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}
.richtextcredit.richtextcredit--inverted a
Ş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.
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}
.richtextsystem.richtextsystem--inverted a
Ş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.
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}
.richtextsystem.richtextsystem--inverted a:hover
Ş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.
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}
.richtextsystem.richtextsystem--inverted a:focus
Ş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.
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-shade-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.
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-shade-light
Ş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.
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-shade-lighter
Ş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.
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-shade-lightest
Ş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.
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-white
Ş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.
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}
.placeholder-shade-base::-moz-placeholder
Ş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.
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}
.placeholder-shade-base::placeholder
Ş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.
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}
.hover\:text-shade-lighter:hover
Ş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.
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}
.hover\:text-shade-lightest:hover
Ş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.
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}
.hover\:text-white:hover
Ş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.
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}
.focus\:text-shade-base:focus
Ş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.
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}
.focus\:text-shade-lighter:focus
Ş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.
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}
.focus\:text-white:focus
Ş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.
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}
.disabled\:text-shade-base:disabled
Ş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.
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}
.disabled\:text-shade-light:disabled
Ş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.
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}
.peer:disabled~.peer-disabled\:text-shade-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.
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}
.debug.svelte-1x5iokp
Ş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.
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-effi-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.
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-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.
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-shade-dark
Ş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.
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-spon-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.
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}
.disabled\:text-shade-dark:disabled
Ş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).
Zaten doğru çözülmüş
- Textalternativen: keine automatisch erkennbaren Probleme
- İçeriğe geçiş bağlantısı var
- <main> yer işareti var
Sonraki adımlar
- {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.
- Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural}. İ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.
- Metin kontrastı muhtemelen çok düşük olan {n} CSS kuralı{nPlural}. İ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
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.