Creación de imágenes disponibles: descripciones largas
  |  |
Imprimir  |
Enviar  |
Parte         |
Advertencia: La versión original de este documento es crear imágenes accesibles: Descripciones largas . 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 .
Resumen
- Página 1: Introducción
- Página 2: Imágenes para mejorar la comprensión
- Página 3: El color y el contraste
- Página 4: Los textos en imágenes
- Página 5: Los gráficos que causan espasmos
-
Página 6: La creación de buenas alternativas de texto (atributo
alt) - Usted está en la página 7: Descripciones largas
Al hacer una descripción más larga?
En algunos casos, una imagen es demasiado complejo como para describir en pocas palabras.
Los cuadros y gráficos son los principales ejemplos de este tipo de imágenes.
Aunque no hay un límite a la longitud del texto en un atributo alt , el alt texto está destinado a ser relativamente corto.
Sería un abuso de escribir más que unas pocas palabras o incluso unas cuantas frases cortas.
Así que la respuesta es dar una alternativa breve texto en el atributo alt y proporcionan una manera más detallada.
Métodos para crear una descripción larga
Hay varias formas de dar una larga descripción de las imágenes. Estas posibilidades se enumeran a continuación que más preferido al menos el preferido:
- Ponga una descripción más larga en el contexto del documento en sí.
- Vinculación con la descripción larga de un enlace de texto normal.
-
Pon un enlace a la descripción del tiempo a través del atributo
longdesc. - Pon un enlace a la descripción larga, haga clic en la "d" enlace.
Quienes están familiarizados con las técnicas de accesibilidad que se sorprenda al ver el atributo longdesc enlace y enlace de "d" al final de la lista.
La razón es que ambos métodos son problemáticos.
El atributo longdesc es invisible (y de difícil acceso en algunos navegadores) para las personas que no utilizan los modernos lectores de pantalla.
La "d" enlace es un enlace convencional.
Puede ser confuso para la gente que no conoce.
La forma más sencilla de hacer descripciones largas accesible es hacer visibles y al alcance de todos, discapacitados o no.
En el cuerpo del documento
Al poner una descripción más larga en el cuerpo del documento, donde se encuentra la imagen, todos se benefician, no sólo las personas con discapacidad. Todo el mundo será capaz de leer la descripción larga y beneficio. He aquí un ejemplo de realización con una imagen de un gráfico:
El gráfico anterior muestra los porcentajes de los totales no institucionales de Estados Unidos 16-64 años que reportan una o más discapacidades. Los valores del porcentaje en cada categoría son:
- Total de personas que informan una o más discapacidades: 18,6%
- Discapacidad sensorial (visual o auditiva): 2,3%
- Discapacidad física: 6,2%
- Discapacidad mental: 3,8%
- Auto-cuidado: 1,8%
- Dificultad para salir de casa: 6,4%
- ocupacional discapacidad: 11,9%
Los datos se extraen del documento del Censo de EE.UU. 2000 (pdf, 880 kb) .
En el ejemplo anterior, los datos aparecen después de la imagen y son accesibles a todos.
Un enlace de texto normal
La segunda mejor manera de proporcionar una descripción más larga es simplemente poner un enlace a un texto. No hay un código específico o técnica específica para usar aquí. Sólo hay que poner un vínculo a descripción larga, como en el ejemplo siguiente:
La descripción textual de la gráfica está disponible en otra página.
La información está disponible a todo el mundo por este método, también, incluso si se hace clic en un enlace a ella. El vínculo es visible para todos. Usted puede elegir para hacer o no.
El atributo longdesc
El atributo longdesc , que se puede agregar a la etiqueta img , no hace más que proporcionar un vínculo a una página en una larga descripción disponible.
Funciona de la misma manera que en el ejemplo anterior, excepto que el enlace es invisible para los lectores videntes.
El siguiente ejemplo es el mismo gráfico con un atributo longdesc añadido:
Incluya aquellos que ven que no hay nada visible cuando el atributo longdesc se utiliza.
En su caso, es como si él no estaba allí.
Las únicas personas que pueden acceder el atributo longdesc son los que utilizan los lectores modernos de la pantalla.
Los lectores de pantalla no interpretan la más antigua de atributo.
Incluso entre aquellos que utilizan la última versión de su lector de pantalla, hay muchos que no están familiarizados con el atributo longdesc (porque es muy poco utilizada) y no saben cómo acceder a él, incluso si el lector La pantalla soporta.
El punto esencial es que el atributo longdesc beneficios sólo un pequeño número de personas que, a pesar del hecho de que se trata de una técnica recomendada tanto en las recomendaciones de la WAI y la Sección 508.
Aquí está el código para el atributo longdesc :
Lazos "D" ("D" Links)
Antes de la etiqueta longdesc con el apoyo de los lectores de pantalla, un grupo de personas decidieron que necesitaban un método equivalente que sea compatible con los navegadores.
Luego inventó el vínculo "d".
La letra "d" significa "descripción".
Estos enlaces "d" son en realidad enlaces que apuntan a otras páginas que enlazan es el título de la letra "d".
Busca algo así como un enlace a "d" en nuestro ejemplo:
Puede utilizar una D mayúscula o d minúscula. No es realmente importante. Un enlace "D", se suele colocar justo después de la imagen. Esta técnica funciona en todos los navegadores, que cumple con su objetivo de proporcionar una descripción textual, pero es menos elegante que otros métodos. Algunas personas se confunden por un enlace que lleva por título una sola letra. Otros simplemente lo ignorará. Usted puede utilizar este método, pero sólo si usted tiene una buena razón para rechazar la otra.
Enlaces comerciales
WebAIM es una iniciativa de:
Derechos de autor 1999-2009 WebAIM
