Come passa la sezione 508 per una casella di ricerca in HTML5?
-
12-11-2019 - |
Domanda
508 standard, sezione 1194.22 (a) afferma che: .
.Un testo equivalente per ogni non testo Elemento deve essere fornito (ad es., VIA "Alt", "Longdesc", o in elemento Contenuto).
Per una casella di ricerca, usando
.<input type="text" alt="Search" value="" tabindex="1" name="s" id="s" />
passa gli standard 508, ma non passa la convalida HTML 5.
Utilizzo dei tag
<label>
L'unico modo per passare sia gli standard 508 che la convalida HTML 5, perché vorrei evitare di avere un tag<label>
inutile?
Soluzione
Penso che tu sia necessario più attenzione al 1194.22 (n) in questa situazione.Se davvero, hai disperatamente bisogno di fare senza un'etichetta separata, potresti provare qualcosa del genere:
<input type="search" value="" tabindex="1" name="s" id="s" />
<label for="s"><input type="submit" value="search"></label>
.
Ma consiglierei vivamente almeno di provarlo in uno screenreader ( NVDA è gratuito, Jaws può essere utilizzato per 40 minuti su una "prova gratuita") o,Ancora meglio, configurando una pagina di prova e ottenere alcuni utenti di schermate per provarlo.
In alternativa è possibile che Indagare aria-labelledby
e vedere se ciò ti permette di adattarsi alla tua etichetta in modo naturale.