Aksesibilitas (a11y) di React

Pastikan elemen interaktif dapat diakses dengan keyboard, berikan htmlFor pada <label>, dan gunakan atribut ARIA bila membuat komponen custom.

👀 Contoh dulu

<label htmlFor="email">Email</label>
<input id="email" type="email" />

Hasilnya: Elemen label terhubung dengan input untuk screen reader.

💡 htmlFor adalah versi JSX untuk atribut 'for' pada elemen label HTML.

📝 Sekarang giliranmu

Tuliskan elemen JSX <label> yang terhubung ke input berpembeda ID 'username' menggunakan atribut htmlFor berisi teks 'Username'.

Preview