Yang diperiksa aturan ini
Pastikan setiap elemen formulir memiliki label.
Mengapa ini penting
WCAG 1.3.1, 3.3.2, dan 4.1.2 mensyaratkan kolom formulir memiliki label. Kolom pendaftaran newsletter dan kolom pencarian adalah penyebab yang umum.
Cara memperbaikinya
- Berikan setiap kolom elemen <label for="field-id">, atau setidaknya aria-label.
- Teks placeholder saja tidak dihitung sebagai label.
Cara mengecek perbaikannya
- Pindai ulang dan pastikan aturan label tidak gagal lagi.
- Klik setiap label dan pastikan label itu memfokuskan kolomnya.
Cara FixReports menemukannya
Pemindaian kami menjalankan aturan axe-core label di browser Chrome sungguhan pada setiap halaman yang diuji, lalu melaporkan setiap elemen yang gagal beserta halamannya, markup-nya, dan, jika relevan, tangkapan layarnya.
Pengujian otomatis memastikan bahwa masalah spesifik ini memang ada. Pengujian itu tidak dapat menentukan apakah bagian lain halaman sudah aksesibel: beberapa hambatan baru terlihat ketika seseorang memeriksa halaman itu.