Front-end, Estándares web y Accesibilidad

Lamentablemente estos dos atributos (scope, headers) son dos grandes olvidados a la hora de diseñar una tabla. Su función consiste en relacionar las celdas de los encabezados con las celdas que contienen los datos, algo especialmente importante en cuanto a la accesibilidad. Con el uso de estos atributos lograremos que un lector de pantalla pueda [...]

Continuar leyendo "scope y headers en tablas para mejorar la accesibilidad".

Elena Lafuente (conferencia movilidad) Dispositivos móviles Elena comenzó hablándonos acerca de los diferentes dispositivos móviles y sus características: Diferente hardware Varios tamaños de pantalla. Paleta de colores, contrastes, imágenes. Diferentes teclados: caracteres, disposiciones, teclas-significados Conexiones, memorias, etc. Diferentes métodos de interacción: joystick, click whell, touchpad, touchscreen, reconocimiento de voz o el clásico teclado. Diferente Software: [...]

Continuar leyendo "Experiencia de usuario, pantalla táctil y movilidad".

Hace poco tiempo muchos medios se hicieron eco sobre la denuncia del CERMI por falta de accesibilidad en la web de la Universidad Autónoma de Madrid. Es curioso pero no había visitado el sitio web del CERMI del cual se podrian decir muchísimas cosas, pero llama poderosamente la atención el sello de WAI-AA (en la [...]

Continuar leyendo "CERMI, sus denuncias y su web".

Google tiene productos de lo mas variopintos en este aspecto, algunos con mayor accesibilidad y en otros algo descuidada. La misión de Google (segun ellos) es organizar la información del mundo para hacerla accesible y útil (casi nada…). En el número 114 de la revista Arte y Diseño leí algo digno de comentar: Para nosotros [...]

Continuar leyendo "Google y la accesibilidad".

Basta ya de los “haz clic aquí”, los “más información” y aún peor “[+]“. Si el titular esta bien destacado como enlace, o el área de contenido ya cumple esta función ¿por qué caer en la redundancia de añadir al final del resumen un “más información” cuando hay una secuencia de entradas?. Atendiendo a la [...]

Continuar leyendo "Enlaces redundantes sin valor semántico".

Entiendo que un buen diseño web es aquel proporciona su información (el contenido) de forma sencilla (usabilidad) y adaptándose a una gran variedad de escenarios (accesibilidad). Sin profundizar demasiado en cada disciplina es bastante fácil comprobar lo dicho a través de un sencillo test en el que desactivemos de nuestro navegador las imágenes, el css, [...]

Continuar leyendo "Un test, web sin imágenes, sin CSS, sin JavaScript, plugins, etc.".

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 [...]

Continuar leyendo "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 [...]

Continuar leyendo "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 [...]

Continuar leyendo "Asociación implícita de etiquetas LABEL para controles de formulario".

A raiz del post XHTML Strict vs Transitional se planteo una cuestión interesante, ¿en que puede beneficiar un Doctype Strict frente a un Doctype Transitional en la accesibilidad de un sitio web?. Que un Doctype (DTD) sea Strict o Transitional no pienso que impacte “directamente” en la accesibilidad. Sin embargo la versión estricta permite: Una [...]

Continuar leyendo "XHTML Strict y Accesibilidad".