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
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
Un elemento de vídeo para que sea accesible de cumplir los siguientes puntos:
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.
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