Comment passer la section 508 pour une boîte de recherche dans HTML 5?

Question

508 Normes, section 1194.22 (a) stipule que:

Un texte équivalent pour chaque élément non texte doit être fourni (par exemple, via "alt", "longdesc" ou dans le contenu de l'élément).

Pour un boîtier de recherche, en utilisant

<input type="text" alt="Search" value="" tabindex="1" name="s" id="s" />

passe les normes 508, mais ne passe pas la validation HTML 5.

Utilise <label> marque le seul moyen de passer à la fois les 508 normes et la validation HTML 5, car je voudrais éviter d'avoir un inutile <label> étiquette?

Answer 1

Je pense que vous devez attirer plus d'attention au 1194.22 (n) dans cette situation. Si vous avez vraiment, désespérément, vous passer d'une étiquette séparée, vous pouvez essayer quelque chose comme ceci:

<input type="search" value="" tabindex="1" name="s" id="s" />
<label for="s"><input type="submit" value="search"></label>

Mais je recommanderais fortement au moins d'essayer cela dans un lecteur d'écran (NVDA est libre, MÂCHOIRES Peut être utilisé pendant 40 minutes sur un «essai gratuit») ou, encore mieux, la configuration d'une page de test et les utilisateurs de lecteurs d'écran pour l'essayer.

Vous pouvez également enquêter aria-labelledby Et voyez si cela vous permet de vous intégrer plus naturellement dans votre étiquette.