Diperiksa pada 24/9/2026 · https://www.spiegel.de/
1 hambatan kritis · selain itu 4 untuk diperiksa.
Sejak pemindaian sebelumnya: tidak ada perubahan.
Bagaimana skor terbentuk? (100 poin awal)
| 21 tombol tanpa nama di HTML | -18 |
| 1 bidang formulir tanpa pelabelan yang dapat dikenali | -7 |
| 3 tautan tanpa nama yang dapat dikenali di HTML | -7 |
| Tidak ada judul <h1> pada HTML yang disajikan | -7 |
| 5 aturan CSSn dengan kontras teks yang mungkin terlalu rendah | -7 |
| Hasil | 54 / 100 |
Dapat dipersepsi
1 bidang formulir tanpa pelabelan yang dapat dikenali
Periksa apakah ada aria-label yang disetel melalui JavaScript.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
Inilah yang sebaiknya Anda lakukan: Tautkan setiap bidang ke elemen <label for> atau setel aria-label / aria-labelledby. Hanya placeholder tidak cukup.
5 aturan CSSn dengan kontras teks yang mungkin terlalu rendah
Diperlukan: 4,5:1 (normal) atau 3:1 (teks besar). Pada “latar halaman yang diasumsikan”, latar sebenarnya tidak dapat dipastikan — jika ragu, periksa di peramban. Ditemukan antara lain: `.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
Inilah yang sebaiknya Anda lakukan: Gelapkan warna teks atau terangkan latar hingga nilai minimum yang berlaku tercapai. Jangan pernah menggunakan warna sebagai satu-satunya ciri pembeda.
Dapat dioperasikan
21 tombol tanpa nama di HTML
Tombol tanpa teks dan tanpa aria-label bisu bagi pembaca layar — kecuali namanya disetel melalui JavaScript.
<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>
Inilah yang sebaiknya Anda lakukan: Tambahkan teks tombol atau setel aria-label.
3 tautan tanpa nama yang dapat dikenali di HTML
Tautan kosong atau hanya ikon/gambar tanpa alt. aria-label yang disetel melalui JavaScript tidak dikenali di sini.
<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">
Inilah yang sebaiknya Anda lakukan: Tambahkan teks tautan yang terlihat, atau gunakan aria-label atau gambar dengan alt pada tautan ikon.
Tidak ada judul <h1> pada HTML yang disajikan
Setiap halaman sebaiknya diawali tepat satu h1. Pada halaman yang dibangun melalui JavaScript, h1 mungkin baru muncul di peramban — periksalah pada DOM yang telah dirender.
body
Inilah yang sebaiknya Anda lakukan: Sisipkan <h1> yang bermakna sebagai judul pertama (sebaiknya sudah di sisi server).
Sudah ditangani dengan benar
- Alternatif teks: tidak ada masalah yang dapat dikenali secara otomatis
- Ada tautan lewati ke konten
- Ada penanda area <main>
Langkah berikutnya
- 21 tombol tanpa nama di HTML. Tambahkan teks tombol atau setel aria-label.
- 1 bidang formulir tanpa pelabelan yang dapat dikenali. Tautkan setiap bidang ke elemen <label for> atau setel aria-label / aria-labelledby. Hanya placeholder tidak cukup.
- 3 tautan tanpa nama yang dapat dikenali di HTML. Tambahkan teks tautan yang terlihat, atau gunakan aria-label atau gambar dengan alt pada tautan ikon.
- Tidak ada judul <h1> pada HTML yang disajikan. Sisipkan <h1> yang bermakna sebagai judul pertama (sebaiknya sudah di sisi server).
- 5 aturan CSSn dengan kontras teks yang mungkin terlalu rendah. Gelapkan warna teks atau terangkan latar hingga nilai minimum yang berlaku tercapai. Jangan pernah menggunakan warna sebagai satu-satunya ciri pembeda.
Pemindaian ulang mingguan, dengan render JS, email saat ada hambatan baru — segera hadir.
Buat pernyataan aksesibilitas →
Metode & batasan
Pada 24/9/2026 diperiksa HTML yang disajikan www.spiegel.de pada kunjungan pertama tanpa login, ditambah hingga empat berkas CSS tertaut dari domain yang sama. Yang diperiksa: kontras warna (dari CSS), alternatif teks, pelabelan formulir, nama elemen kontrol, struktur judul, judul halaman dan bahasa halaman, penguncian zoom, id ganda, nilai tabindex positif, penanda area (landmark).
Tidak diperiksa: segala sesuatu yang muncul melalui JavaScript, keteroperasian keyboard, fokus terlihat, urutan fokus, pengumuman pembaca layar, konten di balik login, subhalaman. Pengujian otomatis menemukan sekitar 20–35% pelanggaran WCAG — sisanya memerlukan pemeriksaan manual. Sebuah cuplikan, bukan keputusan hukum.
Widget overlay (tombol aksesibilitas yang mengubah kontras atau font) tidak membuat situs menjadi sesuai standar — hambatan yang ditemukan harus diperbaiki di kode sumber. Mengapa overlay tidak membantu