Google Maps: accesibilidad de teclado y alternativa en ausencia de Javascript

Las aplicaciones web ricas en Javascript pueden suponer en algunas ocasiones una barrera para la accesibilidad. En el caso de Google Maps (versión 3) tenemos dos potenciales barreras de accesibilidad: Utilización de los controles del mapa unicamente con dispositivo apuntador: imposibles de utilizar con teclado. Sin alternativa en ausencia de Javascript.

Cumpliendo el punto 2.4.4 de WCAG 2.0: Propósito del enlace

Punto 2.4.4. de WCAG 2.0: 2.4.4 Link Purpose (In Context): The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general. (Level A). El propósito de cada …

Accesibilidad: Cuidado con los colores en textos e imágenes de fondo

Un problema que se presenta en algunas ocasiones y que suele olvidarse bastante es la utilización de imágenes de fondo CSS en áreas de texto, y cuando se desactivan las imágenes no se ve el texto. Hoy he visto un ejemplo en la web de Vodafone. En las páginas de productos tienen un enlace con …

XHTML: Nube de etiquetas accesible

Las nubes de tags suelen estar conformadas por un grupo de palabras que aparecen en distintos tamaños según la importancia que tengan. Pueden ir en un solo párrafo o bien en elementos de lista. Para darles los tamaños es necesario darles una clase (no vale el atributo style, ya que supone mezclar presentación y contenido) …

Decálogo de maquetación web

Diez consejos útiles que mejorarán ostensiblemente la accesibilidad de un sitio web: Utilización de encabezados (H1–H6) para estructurar el documento y utilizar adecuadamente los párrafos y listas. En los encabezados no se saltan niveles. Cuando una lista tiene un solo elemento no es una lista: es un párrafo. Los textos de los enlaces habrán de …