Diseño web en Tlaquepaque
Diseño web en Tlaquepaque Imágenes y mapas de imagen Los apartados siguientes tratan de la accesibilidad de las imágenes (incluyendo animaciones sencillas tales como animaciones GIF) y mapas de imagen. Para información sobre las matemáticas presentadas en forma de imágenes, consulte la sección sobre cómo usar etiquetas con texto y hojas de estilo en vez de imágenes.
7.1 Equivalentes textuales breves para imágenes («texto alt») Puntos de verificación en esta sección:
1.1 Proporcione un texto equivalente para todo elemento no textual (por ejemplo, a través de «alt», «longdesc» o en el contenido del elemento). Esto incluye: imágenes, representaciones gráficas del texto, mapas de imagen, animaciones (por ejemplo, GIFs animados), «applets» y objetos programados, «ascii art», marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráficos, sonidos (ejecutados con o sin interacción del usuario), archivos exclusivamente auditivos, banda sonora del vídeo y vídeos. [Prioridad 1]diseño web
Cuando utilice IMG, proporcione un breve equivalente textual con el atributo «alt». Nota. El valor de este atributo es denominado texto alt”. Ejemplo.
<IMG src=»lupa.gif» alt=»Buscar»> Cuando utilice OBJECT, proporcione un equivalente textual en el contenido del elemento OBJECT: Ejemplo. <OBJECT data=»lupa.gif» type=»image/gif»> Buscar </OBJECT>
7.2 Descripciones largas de imágenes Puntos de verificación en esta sección:
1.1 Proporcione un texto equivalente para todo elemento no textual (por ejemplo, a través de «alt», «longdesc» o en el contenido del elemento). Esto incluye: imágenes, representaciones gráficas del texto, mapas de imagen, animaciones (por ejemplo, GIFs animados), «applets» y objetos programados, «ascii art», marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráficos, sonidos (ejecutados con o sin interacción del usuario), archivos exclusivamente auditivos, banda sonora del vídeo y vídeos. [Prioridad 1] Cuando un breve texto equivalente no es suficiente para transmitir adecuadamente la función o propósito de una imagen, proporcione información adicional en un archivo designado por el atributo «longdesc»: Ejemplo. diseño web en Jalisco
<IMG src=»ventas97.gif» alt=»Ventas en 1997″ longdesc=»ventas97.html»> En ventas97.html: Un gráfico muestra cómo evolucionaron las ventas en 1997. Es un gráfico de barras que muestra el aumento de las ventas por meses en porcentaje. Las ventas en enero aumentaron un 10% sobre las de diciembre 1996. En febrero las ventas cayeron en un 3%, ..
Para las aplicaciones de usuario que no soportan «longdesc», proporcione también un vínculo a una descripción al lado del gráfico: Ejemplo.
<IMG src=»97sales.gif» alt=»Ventas en 1997″ longdesc=»ventas.html»> <A href=»ventas.html» title=»Descripción de las cifras de ventas en 1997″>[D]</A>
Cuando utilice OBJECT, especifique un texto equivalente más extenso en el contenido del elemento: Ejemplo.
<OBJECT data=»97ventas.gif» type=»image/gif»> Las ventas en 1997 bajaron como consecuencia de nuestra <A href=»anticipado.html»>compra anticipada</A> … </OBJECT>Diseño web en Tlaquepaque
Observe que el contenido de OBJECT, a diferencia del texto en «alt», puede incluir etiquetas. Así pues, los desarrolladores de contenido pueden proporcionar un vínculo hacia información adicional desde el elemento OBJECT: Ejemplo.
<OBJECT data=»97sales.gif» type=»image/gif»> Gráfico de nuestras ventas en 1997. Está disponible una <A href=»desc.html»>descripción textual</A>. </OBJECT>Diseño web en Tlaquepaque