Front-end, Estándares web y Accesibilidad
Archivo » Accesibilidad
El atributo alt de una imagen u otro elemento debe proporcionar un texto alternativo que contenga la información que se pretendía transmitir. No olvidemos que la información textual es la de mayor grado de accesibilidad. Usar textos alternativos lógicos y coherentes Si la imagen contiene texto, por ejemplo un número de teléfono, debemos transmitirlo completamente, [...]
Continuar leyendo "Texto alternativo (alt) en casos especiales".
CAPTION y TITLE La etiqueta caption proporciona información sobre el contenido de la tabla al igual que el atributo <table title=”">. La única diferencia es que title no se muestra en los navegadores de pantalla (a excepción de mostrarse como tooltip o mensaje emergente). Por contra caption aparece como un texto centrado en la parte [...]
Continuar leyendo "Tablas más semánticas y accesibles".
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 [...]
Continuar leyendo "Usar atributo TITLE remplazando a LABEL".
Voy a comentar una técnica de la cual no soy partidario. Pero como ya sabéis, existen veces en las que tus ideas y argumentos no coinciden con los del cliente y te ves obligado a usar este tipo de cosas. Imagen ilustrativa de enlace que recibe el foco Cuando hacemos clic en un enlace los [...]
Continuar leyendo "Quitar el foco del enlace después de clic".
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 [...]
Continuar leyendo "Etiquetas dentro del control input (III)".
Va otra de WAI-ARIA! Recientemente se ha publicado la nueva versión de MOSAIC, una destacada publicación dedicada a las tecnologías y comunicación multimedia, donde tuve la oportunidad de colaborar en el desarrollo (ver ficha del proyecto). Voy aprovechar este post para compartir como he implementado ARIA en las solapas que aparecen en la home de [...]
Continuar leyendo "Marcando tabs con ARIA".
Aunque recientemente ha salido la versión 2.9 de WordPress voy a comentar un importante giro de la versión 2.8 que se vuelca en la accesibilidad de la estructura de contenidos. Una de las nuevas características de WordPress es la incorporación de los conocidos landmarks de WAI-ARIA, añadidos a través del atributo role al theme por [...]
Continuar leyendo "WordPress V8 con landmarks de ARIA y el problema de validación".
Hace tiempo escribí el artículo “WAI-ARIA, una aproximación” publicado en la revista no solo usabilidad (centrada en el diseño de interacción). En el artículo intentaba explicar la forma de crear un control de tipo “Slider” que fuese accesible gracias a la ayuda de las técnicas ARIA. Hoy he descubierto una herramienta experimental “ARIA Slider Generator” [...]
Continuar leyendo "ARIA Slider Generator".
Desde el 11/12/08 las directrices WCAG 2.0 ya son una recomendación W3C. Recordemos también que en este blog hemos comentado algunas diferencias frentes a WCAG 1. Ahora la Fundación CTIC ha desarrollado una nueva versión del analizador de accesibilidad TAW (www.tawdis.net) que permite revisar la accesibilidad de páginas web sobre la nueva normativa WCAG 2.0.
Continuar leyendo "TAW con analizador de WCAG2 en fase beta".
Hace poco tiempo hablábamos del código optimizado para diseñar e-mails y newsletter, ahora le toca el turno al formato de impresión. Por cierto, entre tantas versiones (pantalla, e-mail, impresión) cabe recordar eso de “una web única” tan promulgado por la W3C. Bueno, lo que si es cierto es que las ventajas de los estándares web [...]
Continuar leyendo "CSS print, página optimizada para la impresión".
Comentarios
Trackbacks