Imágenes y Multimedia

Listado de buenas prácticas sobre Imágenes y multimedia

¿Cómo se debe incluir una alternativa para una imagen compleja?

Para cada imagen compleja se debe proporcionar una descripción detallada en un documento HTML aparte o en el mismo en el que se encuentra dicha imagen. La URL de esta descripción detallada se indicará en el atributo longdesc de la imagen. Adicionalmente, y para ofrecer la máxima compatibilidad, se puede proporcionar un enlace de texto a continuación de la imagen, vinculándolo al comienzo de la descripción detallada. Aún así, sigue siendo necesario ofrecer para cada imagen una alternativa textual en el atributo alt que identifique brevemente el tipo de información transmitida a través del mismo.

Ejemplo de código:

<img alt="Texto identificativo de la imagen compleja" longdesc="descripción_larga.html" src="Dirección de la imagen" /> <p><a href="descripción_larga.html">Descripción de [nombre de la imagen]</a></p>

Para ampliar la información sobre accesibilidad en imágenes se recomienda descargar la Guía de Comprobación de la Accesibilidad: Imágenes

Volver al listado de buenas prácticas

¿Cuándo una imagen se considera decorativa?

Como imagen decorativa se entiende toda aquella que no transmite ninguna información relevante y no posee funcionalidad alguna. Pensando en una página Web concreta, esto significaría que al carecer de estas imágenes no se pierde ninguna información.

Como imagen no decorativa, se puede entender, que son todas aquellas que complementan de alguna manera la información mostrada y/o transmiten información por sí mismas. Asimismo, las imágenes funcionales no se consideran decorativas (enlaces, banners, etc.).

Para ampliar la información sobre accesibilidad en imágenes se recomienda descargar la Guía de Comprobación de la Accesibilidad: Imágenes

Volver al listado de buenas prácticas

¿Cuáles deben de ser las características que debe poseer un vídeo para que sea accesible?

Un elemento de vídeo para que sea accesible de cumplir los siguientes puntos:

  • Poseer una alternativa accesible: Para cualquier elemento de video es necesario proporcionar una alternativa equivalente tanto para la banda visual como para la sonora, es decir, una transcripción completa de toda la información transmitida en el vídeo. Además, dicha alternativa se debe encontrar en un formato accesible.
  • Sincronizar los equivalentes alternativos con el propio vídeo: Independientemente de que las presentaciones multimedia posean un equivalente textual, se debe proporcionar un equivalente sincronizado (subtítulos) de la banda sonora.
  • Proporcionar una descripción sonora de la información importante de la pista visual: Cuando se trasmita información importante en la banda visual del vídeo, es necesario incluir una descripción sonora de la escena (también llamada Audiodescripción).
  • Destellos y parpadeos apropiados: Se debe evitar que los contenidos de los elementos de vídeo produzcan parpadeos y destellos.
  • Control de la reproducción: Es también importante proporcionar a los elementos de vídeo, un mecanismo mediante el cuál se permita controlar a los usuarios la reproducción de los mismos (avance, pausa, etc.). Además, este mecanismo, se deberá poder manejar desde cualquier tipo de de dispositivo (teclado, ratón, etc.).

Para ampliar la información sobre accesibilidad en imágenes se recomienda descargar la Guía de Comprobación de la Accesibilidad: Multimedia, así como consultar la Ley 27/2007 sobre la Lengua de Signos y medios de apoyo a la comunicación.

Volver al listado de buenas prácticas

¿Qué características debe poseer un elemento Flash para que sea accesible?

Cualquier objeto Flash debe estar diseñado en base a los criterios comunes de accesibilidad: uso adecuado del color, independencia de dispositivo, navegación coherente, lenguaje claro y sencillo, control de detección del movimiento, no empleo de de destellos y en general, todos aquellos aspectos recogidos en las WCAG que pudieran ser aplicados sobre la interfaz y funcionalidad de este tipo de contenidos. Deben emplearse técnicas y herramientas como el panel de accesibilidad (incorporado desde la versión 6.0 y mejorado en las versiones sucesivas) del software de desarrollo de Adobe Flash. Los elementos de interacción del objeto deben permitir una tabulación ordenada (acorde con la disposición en pantalla) y cualquier información importante del objeto debe ser interpretada adecuadamente por un lector de pantalla.

Al mismo tiempo, y debido a que no desde todos los agentes de usuario podrá accederse de forma completa a este tipo de objetos (por incompatibilidades con el motor MSAA (Microsoft Active Accessibility), debe proporcionarse una alternativa equivalente en (x)HTML+CSS. Dicha alternativa deberá incluirse entre las etiquetas OBJECT del Flash, y complementariamente contextualizada en el propio documento (acompañando al objeto pero independiente de éste) o en un vínculo a un documento independiente.

Si el objeto Flash es meramente decorativo (no ofrece información textual, no ofrece funcionalidad y sólo se emplea como acompañamiento visual) no es necesario proporcionar alternativa al mismo.

Por último, para incrustar un elemento Flash en un documento, deberá emplearse un código (X)HTML válido según las gramáticas publicadas por W3C: es común el empleo de atributos y elementos desaconsejados como EMBED, generados por la propia herramienta de desarrollo. En su lugar, deberá emplearse un código igualmente funcional y tolerante con las gramáticas W3C.

Ejemplo de código:

<object data="flash.swf" type="application/x-shockwave-flash" width="1000" height="680" id="flash">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="flash.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
  <p class="noflash">
   <a href=”version_html”> Alternativa equivalente </a>
  </p>
</object>

Para más información puede consultar la Guía de Accesibilidad Flash, así como la referencia de Buenas Prácticas de Adobe

Volver al listado de buenas prácticas