Back to the original French page Read this page in Italian by Google Translation Read this page in Portuguese by Google Translation Read this page in English by Google Translation Read this page in German by Google Translation Read this page in Spanish by Google Translation Read this page in Arabic by Google Translation Read this page in Hebrew by Google Translation

Creación de imágenes disponibles: textos en imágenes

Ir al principio de los contenidos sin necesidad de utilizar la Consulta y Participación de barras Cómo utilizar la barra de Consulta y Participación Escuche el contenido principal de esta página
Imprimir Imprimir el contenido principal de esta página Enviar Enviar por correo electrónico el contenido principal de esta página Parte Compartir esta página en TwitThis Compartir esta página en Facebook Compartir esta página en Wikio Compartir esta página en Google Compartir esta página en LinkedIn Comparte este artículo en Digg Compartir el artículo en del.icio.us Compartir esta página en Netvibes

Advertencia: La versión original de este documento es crear imágenes accesibles: En gráficos de texto . Esta traducción al francés fue realizada por Ideose como parte de un acuerdo entre WebAIM y Ideose .

Nota: Vea la página de los documentos sobre accesibilidad web para obtener una lista de todos los documentos traducidos. Otras fuentes de información sobre la accesibilidad web también aparecen en el portal digital accesible .

Pixelización imágenes ampliadas

A menudo, los gráficos contener parte de texto de la imagen. Por ejemplo, la tabla de abajo contiene la palabra "universidad". Algunos usuarios con baja visión el uso de programas que amplían los elementos de la pantalla para que puedan ver más fácilmente. Por desgracia, cuando el texto está en una imagen ampliada, que a menudo aparece pixelada y se convierte en difícil de leer. Mira un ejemplo.

píxel de la imagen de la «universidad» de la palabra, pero difíciles de leer

El cuadro se amplió a 500% de su tamaño normal. Se puede ver que el texto es difícil de leer. Si un texto real había sido utilizado, habría sido mucho más fácil de leer, como en el ejemplo siguiente:

Universidad

¿Significa eso que usted no debe utilizar el texto en las imágenes? En un mundo ideal tal vez, pero la tecnología actual hace que sea difícil de lograr sin un poco de texto diseños en el uso de gráficos. La respuesta práctica es que usted debe tratar de limitar la cantidad de texto en gráficos. Uno de los lugares donde se encuentra el texto dentro de los gráficos es justificada en los logotipos y las imágenes de marca. El Internet no ofrece una forma de transmitir el texto de este tipo de imágenes sin necesidad de utilizar un plug-in como Flash o SVG. Sin embargo, hay una manera de utilizar el texto real, que debe hacer.

El texto pixelado puede ser particularmente difícil de leer cuando hay otros elementos visuales en el fondo, como en la imagen ampliada de la portada de un libro.

portada del libro 'Harry Potter' con texto blanco y un fondo azul oscuro y otros elementos que oscurecen el texto

Aunque el texto en blanco contrasta con el fondo azul oscuro, los dibujos del fondo de ocultar el texto, a pesar del hecho de que estos dibujos son sutiles.

Recomendaciones

Si usted necesita para poner el texto en una imagen, siga estas recomendaciones:

  • Utilizar tamaños de fuente tan grande como sea posible.
  • Utilice las fuentes simples, si es posible.
  • Utilice un buen contraste de color entre el texto y el fondo.

Una buena herramienta para comprobar el contraste de colores (así como la compatibilidad de los colores para la ceguera de color) se puede utilizar en el sitio Vischeck .

WebAIM es una iniciativa de:
Centro para Personas con Discapacidad (CPD) Universidad Estatal de Utah

Derechos de autor 1999-2009 WebAIM

Principio de la página