Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Archive for octubre, 2009

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

Fecha de publicación: 2009/10/20

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 un fondo que simula un botón. El fondo del área de contenido es blanco. El fondo del botón es una imagen de color rojo y el texto de dicho botón es blanco.

Así sale con imágenes:

Vista con imágenes

Así sale con las imágenes desactivadas, no se ve el texto de Ver más de los botones rojos:

Vista sin imágenes

Y aquí se ve en Firebug que es texto dentro de un SPAN a su vez dentro de un A (enlace):

Vista de código en Firebug

Habría bastado con darle al SPAN que contiene el texto un fondo de color rojo para que el texto se siguiese viendo aun con las imágenes desactivadas. Y por cierto, esta web ha sido certificada como doble A (AA).

Datos del artículo:

  • Publicado en categorías: Accesibilidad, CSS, Desarrollo web
  • Comentarios desactivados en Accesibilidad: Cuidado con los colores en textos e imágenes de fondo

Jquery 1.3: Guía rápida

Fecha de publicación: 2009/10/03

Datos del artículo:

Información del sitio