Fix "Select without an accessible name" in HTML
Why it's a problem
A screen reader announces “combo box” without saying what it controls. On a checkout form, the user cannot tell whether they are choosing a size, a colour or a delivery country. A placeholder first option does not fill that role: it disappears as soon as a value is picked.
How to fix it — HTML
Associate a <label> with the select through its for attribute, pointing at the select's id. If the label cannot be visible, use aria-label — but a visible label helps everyone.
<select name="pays">
<option value="">Choisir…</option>
<option value="fr">France</option>
</select><label for="pays">Pays de livraison</label>
<select id="pays" name="pays">
<option value="">Choisir…</option>
<option value="fr">France</option>
</select>Check your site in 30 seconds
Conformly detects this kind of issue across all your pages, continuously, and alerts you on every regression.
Free scan