2012-02-06 30 views
11

Estoy haciendo un formulario con varias entradas en las que necesito para dar lable del elemento de formulario de entrada dentro de sí mismo y estoy usando como estomarcador de posición VS etiqueta para la entrada en HTML5

Un ejemplo

enter image description here

<form class="TTWForm"> 
<input type="email" name="email" required="required" placeholder="Email Address">  
</form> 

Y por encima de código es válido en el validador del W3C para HTML5.

¿No se requiere Label en HTML 5?

Si uso HTML5 Placeholder para mostrar la etiqueta dentro de input ¿está bien?

¿Se requiere label junto con placeholder para que sea compatible con el lector de pantalla?

+1

Las respuestas de AppleGrew y steveax son muy buenas. Para ser completo, otro problema con el atributo marcador de posición es que, para los usuarios de teclado, su valor visualizado desaparecerá después de saltar desde el último enlace, tan pronto como la entrada obtenga el foco. Sin una etiqueta, mirarán una entrada en blanco y tendrán que adivinar qué se les está pidiendo. – FelipeAls

Respuesta

8

Los validadores de HTML no verifican la accesibilidad. El HTML válido aún puede ser inaccesible o menos que óptimo. Las etiquetas siguen siendo importantes y HTML5 placeholder no es un reemplazo de ellas. Consulte H44: Using label elements to associate text labels with form controls en el WCAG 2 Techniques. Si su diseño requiere que la etiqueta no esté visible para los usuarios videntes, siempre puede incluir la etiqueta pero moverla fuera de pantalla con márgenes negativos/sangría de texto.

Actualización:

Algunos test result on placeholder y una discussion on the W3 Public HTML mailing list about using placeholder without label.

+0

Gracias. Esta respuesta claramente debe marcarse como correcta. – dschu

Cuestiones relacionadas