En Unlabelled search fields se explica cómo etiquetar correctamente un formulario de búsqueda para que sea accesible.
La típica implementación como la siguiente está mal:
<input type="search" placeholder="…">
<button type="submit">
Search
</button>
Algunas alternativas son:
<input aria-labelledby="searchtext" type="search" placeholder="…">
<button type="submit" id="searchtext">
Search
</button>
O también:
<input type="text" name="search" aria-label="Search">
<button type="submit">Search</button>
En el artículo también se repasan las implementaciones de BBC, Medium, Google, Twitter y otros sitios web populares.
No hay comentarios:
Publicar un comentario