Come passa la sezione 508 per una casella di ricerca in HTML5?

Question

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?

Answer 1

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.