Front-end, Web Standards & Accessibility

Supongamos que tenemos la siguiente tabla de datos: En la tabla vemos que hay unos campos de formulario para introducir el número de unidades de cada producto y que no tienen un texto que pueda usarse como LABEL. Ante esta situación he pensado que podría asociar explícitamente el INPUT con un LABEL de cada campo [...]

Continue reading "Usar atributo TITLE remplazando a LABEL".

Hace casi un año hablaba sobre un posible problema de usabilidad y accesibilidad en el formulario de inicio de sesión que tiene Facebook. Desde entonces han mejorado un poquito la accesibilidad, aunque siguen sin usar la etiqueta label para el campo de Email de inicio de sesión. En su lugar han puesto los atributos title [...]

Continue reading "Etiquetas dentro del control input (III)".

Para crear un botón en HTML contamos con dos etiquetas: INPUT BUTTON Ambas son válidas. La segunda de ellas es menos usada (con diferencia) aunque esconde tras de si muchas ventajas al poder anidar en su interior contenido. Botón tradicional con input <input type="submit" value="Eliminar" /> Botón + icono con button <button type="submit"><img src="delete.gif" alt="x" [...]

Continue reading "Button y img, botón de formulario con icono".

Me dio fuerte por el tema LABEL (es cierto!), pero esta vez dejo el tema de la asociación explicita e implícita para comentar el uso de las etiquetas dentro de los propios controles. En estos casos en vez de usar LABEL se sitúa un valor textual para el atributo value de un INPUT, generalmente por [...]

Continue reading "Etiquetas dentro del control input (II)".

Con el interesante comentario de Olga me entero de otro de cambio de rumbo que asumir. La verdad es que hace años de esto, pero recuerdo haber leído y re-leído las recomendaciones acerca de hacer que el control se asocie explicita e implícitamente a la etiqueta puesto que algunos dispositivos no soportaban la asociación explicita [...]

Continue reading "LABEL explicito e implícito".

Aprovechando las bondades del tag LABEL podemos mejorar tanto la accesibilidad como la usabilidad de los formularios en las interfaces web. LABEL se encarga de asociar la etiqueta textual a un control determinado (input, radio, select, etc.) proporcionando información acerca del control. Cabe destacar que LABEL cuando recibe el foco, automáticamente se lo cede al [...]

Continue reading "Asociación implícita de etiquetas LABEL para controles de formulario".

Estos días se esta hablando mucho sobre el re-diseño del diario elmundo.es. Pero una de las cuestiones más incomprensibles es la comentada por Yusef Hassan acerca del sistema de búsqueda que tiene elmundo.es. Este diario online tiene su propio motor de búsqueda implementado con Autonomy, y se encuentra situado en la cabecera de la página. [...]

Continue reading "Búsqueda por defecto en google".

Empeñarse en crear/personalizar: botones, campos de texto, checks, radios, y demás controles, ¿es realmente beneficioso para crear un sentimiento de marca? Reflexión Pienso que esta bien dotar de cierta personalidad un interfaz, pero nunca con fines de marca. Pensemos que los usuarios ven miles de Web, ellos simplemente quieren alcanzar sus objetivos en cada sitio [...]

Continue reading "Merece la pena crear un interfaz y personalizar controles".

Situar el texto de la etiqueta label dentro del control (text input), de tal forma que al hacer click desaparezca el texto y al salir del control vuelva aparecer. El efecto sin duda es bonito, e incluso puede ser accesible tal y como comenta en Making Compact Forms More Accessible. ¿Realmente este efecto “bonito” merece [...]

Continue reading "Label dentro de control".