Një <label> jep një kontrolli forme një emër të arritshëm dhe një objektiv më të madh për klik. Ekzistojnë dy mënyra për t'i shoqëruar ato, dhe bërja e kësaj është thelbësore për aksesibilitetin.
for + id (eksplicite)Email address
Atributi for i etiketës përputhet me atributin id të futjes. Kjo funksionon edhe nëse nuk janë ngjitur në markup.
<label>
Email address
<input type="email" />
</label>
Futja është e folezuar brenda etiketës — nuk duhet id.
<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 -->
Një placeholder zhdukej kur përdoruesi shtyp dhe nuk shpallet me besueshmëri — mos e përdorni asnjëherë si etiketën e vetme.
<input type="search" aria-label="Search products" /> <!-- accessible name, no visible label -->
Përdorni aria-label (ose aria-labelledby) vetëm kur një etiketë e dukshme vërtet nuk është e mundur.
Etiketat e shoqëruara në mënyrë të duhur janë një nga praktikat më ndikuese të aksesibilitetit për forma — ato japin secilit kontroll një emër për teknologjinë ndihmëse dhe zmadhojnë objektivat për klik për të gjithë.
Preferohet një <label> e vërtetë; kthehu në aria-label vetëm kur është e nevojshme, dhe mos mendo kurrë në placeholder si etiketë.