A <label> inatoa kidhibiti cha fomu jina linaloweza kufikiliwa na lengo kubwa zaidi la kubofya. Kuna njia mbili za kuunganisha, na kufanya hivyo ni muhimu kwa kufikiliwa.
Njia 1: for + id (wazi)
html
Email address
A <label> inatoa kidhibiti cha fomu jina linaloweza kufikiliwa na lengo kubwa zaidi la kubofya. Kuna njia mbili za kuunganisha, na kufanya hivyo ni muhimu kwa kufikiliwa.
for + id (wazi)Email address
Aibuni for ya alama yenye usemi wa id wa kuingia. Hii inafanya kazi hata kama haipo jirani katika markup.
<label>
Email address
<input type="email" />
</label>
Ingia iko ndani ya alama — id haihitajiki.
<label><input type="checkbox" /> I agree to the terms</label>
<!-- clicking the text toggles the checkbox -->
<input placeholder="Email" /> <!-- ❌ disappears on typing, poor contrast, not a label -->
A placeholder inatoweka wakati mtumiaji anachunguza na haiwezi kusomeka kwa aminifu — kamwe usitumie kama alama pekee.
<input type="search" aria-label="Search products" /> <!-- accessible name, no visible label -->
Tumia aria-label (au aria-labelledby) tu wakati alama inayoonekana haiwezi kuwa inayowezekana.
Alama zilizounganishwa kwa usahihi ni moja ya mbinu za kufikiliwa inayoathiri zaidi kwa fomu — zinatoa kidhibiti kila haba ya jina kwa teknolohia husaidizi na kukuza lengo la kubofya kwa kila mtu.
Dhamiria alama ya kweli ya <label>; rudi kwenye aria-label tu kwa mahitaji, na kamwe usitegemeeni placeholder kama alama.