lunes, 18 de noviembre de 2013

Consejos: Mejorando Accesibilidad en formularios

Con todo el boom HTML5 que se nos vino, veo prudente aconsejar sobre utilizar el nuevo atributo/propiedad para los <input> en los formularios.

Con la opción placeholder="Este texto aparecera por defecto"

EJ:


De esta manera facilitamos una indicación que muchas veces puede variar, en mi caso particular, el usuario es el código de matricula del alumno, pero en otras puede ser el mail institucional o un usuario particular. Por lo que nos ahorramos espacio de forma muy simple.

Nota: Este texto, desaparece no cuando cliqueamos sobre él sino cuando empezamos a colocar los datos.

La fuente: la W3C misma (y miles de resultados googleanos/otros-buscadores), sin embargo el sitio que me recordó hacer un post sobre esto es: csslab.cl/ que hizo un post donde demuestra que podemos además aplicarle estilos a la propiedad, algo muy "corporative" cuando a marca nos referimos.