{n} dari {total} gambar tanpa atribut alt

Gambar yang dimuat melalui JavaScript tidak diperhitungkan di sini.

• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3072" height="1726">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="4032" height="2266">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="1672" height="940">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="300" height="250">

Inilah yang sebaiknya Anda lakukan: Berikan setiap <img> sebuah alt: deskripsi singkat untuk gambar bermakna, alt="" untuk yang murni dekoratif.

{n} bidang formulir tanpa pelabelan yang dapat dikenali

Periksa apakah ada aria-label yang disetel melalui JavaScript.

• <input type="text" name="q" placeholder="Suchen">
• <input type="text" name="q" placeholder="Suchen">
• <select name="in">
• <input type="text" name="fs" placeholder="Im Preisvergleich suchen">

Inilah yang sebaiknya Anda lakukan: Tautkan setiap bidang ke elemen <label for> atau setel aria-label / aria-labelledby. Hanya placeholder tidak cukup.

{n} aturan CSS{nPlural} 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: {examples}

.dark a-gift-link dialog, .a-android-native-app-prompt__close-banner, a-opt-in[is-active] .opt-in__footnote, .a-android-native-app-prompt__load-app, a-topic .topic-label

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.

{n} 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-click-performance>
• <a name="topnavi.ho.magazine-nav.ct" class="hover:bg-brand dark:hover:
• <a name="topnavi.ho.magazine-nav.ix" class="hover:bg-brand-alternative
• <a name="topnavi.ho.magazine-nav.foto" class="hover:bg-brand dark:hove

Inilah yang sebaiknya Anda lakukan: Tambahkan teks tautan yang terlihat, atau gunakan aria-label atau gambar dengan alt pada tautan ikon.

{n} tombol tanpa nama di HTML

Tombol tanpa teks dan tanpa aria-label bisu bagi pembaca layar — kecuali namanya disetel melalui JavaScript.

• <button class="scroll-left text-ho-text">
• <button class="scroll-right text-ho-text">
• <button class="scroll-left text-ho-text">
• <button class="scroll-right text-ho-text">

Inilah yang sebaiknya Anda lakukan: Tambahkan teks tombol atau setel aria-label.

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).

{n} atribut id ganda

mis. {examples}. Merusak keterkaitan label-for dan aria.

[id]

Inilah yang sebaiknya Anda lakukan: Tetapkan id yang unik.