¿Cómo se pasa la Sección 508 para un cuadro de búsqueda en HTML 5?

Question

Normas 508, Sección 1194.22 (a) Establece que:

Se proporcionará un texto equivalente para cada elemento que no sea de texto (por ejemplo, a través de "alt", "longdesc" o en contenido de elementos).

Para un cuadro de búsqueda, usando

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

Pasa los estándares 508, pero no pasa la validación HTML 5.

Esta usando <label> etiquetas la única manera de pasar tanto los Estándares 508 como la validación HTML 5, porque me gustaría evitar tener un <label> ¿etiqueta?

Answer 1

Creo que es necesario prestar más atención a 1194.22 (n) en esta situación.Si realmente necesita desesperadamente prescindir de una etiqueta separada, puede intentar algo como esto:

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

Pero recomiendo al menos probar esto en un lector de pantalla (NVDA es gratis, MANDÍBULAS se puede utilizar durante 40 minutos en una 'prueba gratuita') o, mejor aún, configurar una página de prueba y conseguir que algunos usuarios de lectores de pantalla la prueben.

Alternativamente podrías investigar aria-labelledby y vea si eso le permite encajar en su etiqueta de manera más natural.