Langkau ke kandungan
WANCODE
EN

Labelkan Setiap Input

12 minitPemulaKebolehcapaian

Borang pendaftaran ini menggunakan placeholder dan bukan label. Placeholder hilang sebaik sahaja anda menaip, selalunya terlalu pudar untuk dibaca, dan banyak pembaca skrin tidak mengumumkannya dengan konsisten. Butang radio dan checkbox ada teks di sebelahnya, tetapi ia tidak bersambung, jadi pembaca skrin hanya menyebut "radio button, not checked".

Keperluan

  • Setiap input dan select ada <label> yang kelihatan dan bersambung dengannya — menggunakan for/id, atau dengan membungkus kawalan di dalam label.
  • Dua radio "Experience level" berada dalam <fieldset> yang <legend>-nya ialah soalan itu.
  • Klik pada perkataan "I agree to the club rules" menanda checkbox (itu tanda ia bersambung — dan ia memberi sasaran klik yang lebih besar).

Beri setiap kawalan borang <label> yang kelihatan dan bersambung (placeholder tidak dikira), kumpulkan dua butang radio dalam <fieldset> dengan <legend>, dan pastikan klik pada "I agree…" menanda checkbox.

Semakan

  • Setiap kawalan ada label yang bersambung
  • Label kelihatan pada skrin
  • Radio dikumpulkan dalam fieldset dengan legend
  • Klik teks persetujuan menanda checkbox
Pratonton

Output konsol daripada kod anda akan dipaparkan di sini.

Langkah 1 daripada 1