Definido En este caso, el lector de pantalla leerá el texto que se proporciona cuando el usuario se encuentra con la imagen, y por lo general dar el contexto que se trata de una imagen. alt="una casa roja".
Null Cuando se escribe el atributo pero deja vacío, por ejemplo alt="". En este caso, un lector de pantalla saltará sobre la imagen en su totalidad como si nunca hubiese existido.
Inválida ( mala práctica ) Cuando el atributo se omite por completo. En este caso, un lector de pantalla leerá el valor del src en su lugar. Esta funcionalidad no es útil para el usuario, por lo que se aconseja.
Las imágenes funcionales son aquellos que representan una acción a tomar. A diferencia de las imágenes informativas, que meramente proporcionan información para el usuario,las imágenes funcionales se utilizan transmitir algo procesable. Estas imágenes también son típicamente ligados a elementos interactivos tales como enlaces o botones. Para las imágenes funcionales, el texto alternativo debe comunicar claramente la acción que se va a tomar.
Las imágenes decorativas son imágenes que no transmiten ninguna información real / procesable para el espectador. Su propósito es puramente estético
Las imágenes complejas, es un tipo de imagen informativa, son aquellas que contienen una cantidad muy detallada y sustancial de información. Por ejemplo, los gráficos de barras o gráficos, La descripción corta debe de ser proporcionada a través del alt. La descripción larga se puede definir con algún otro elemento, longdesc/ aria-labelledby, o mediante el uso de la <figure>y <figcaption>.
<figure role="group">
<img src="customers.png" alt="Line chart showing the number of customers over a period of 12 weeks">
<figcaption>
In the first week, there were 13,000 customers. This slowly rose over the next few weeks, then rose drastically in week 4 to 37,000 customers. This was maintained until week 7, where there were less than 10,00 customers. In week 8, the number of customers rose again to 35,000, but this dropped back down in week 9. Since then, the number of customers has risen, and in week 12 there were 50,000 customers.
</figcaption>
</figure>
Grupos de Imágenes hay casos en los que se utiliza más de una imagen en conjunto para transmitir una sola pieza de información. Por ejemplo, una calificación de 5 estrellas, puede ser representado por un grupo de imágenes de estrellas individuales.En estos casos, la información transmitida por el grupo de imágenes en conjunto, debe añadirse a la alt en de una de las imágenes, y el resto debe dejarse como nulo.
Mapas de Imagenes se aconseja un alt para cada <img>, así como cada individuo <area>.
Información sacada del articulo: Alternative Text and Images
.
Null Cuando se escribe el atributo pero deja vacío, por ejemplo alt="". En este caso, un lector de pantalla saltará sobre la imagen en su totalidad como si nunca hubiese existido.
Inválida ( mala práctica ) Cuando el atributo se omite por completo. En este caso, un lector de pantalla leerá el valor del src en su lugar. Esta funcionalidad no es útil para el usuario, por lo que se aconseja.
Las imágenes funcionales son aquellos que representan una acción a tomar. A diferencia de las imágenes informativas, que meramente proporcionan información para el usuario,las imágenes funcionales se utilizan transmitir algo procesable. Estas imágenes también son típicamente ligados a elementos interactivos tales como enlaces o botones. Para las imágenes funcionales, el texto alternativo debe comunicar claramente la acción que se va a tomar.
Las imágenes decorativas son imágenes que no transmiten ninguna información real / procesable para el espectador. Su propósito es puramente estético
Las imágenes complejas, es un tipo de imagen informativa, son aquellas que contienen una cantidad muy detallada y sustancial de información. Por ejemplo, los gráficos de barras o gráficos, La descripción corta debe de ser proporcionada a través del alt. La descripción larga se puede definir con algún otro elemento, longdesc/ aria-labelledby, o mediante el uso de la <figure>y <figcaption>.
<figure role="group">
<img src="customers.png" alt="Line chart showing the number of customers over a period of 12 weeks">
<figcaption>
In the first week, there were 13,000 customers. This slowly rose over the next few weeks, then rose drastically in week 4 to 37,000 customers. This was maintained until week 7, where there were less than 10,00 customers. In week 8, the number of customers rose again to 35,000, but this dropped back down in week 9. Since then, the number of customers has risen, and in week 12 there were 50,000 customers.
</figcaption>
</figure>
Grupos de Imágenes hay casos en los que se utiliza más de una imagen en conjunto para transmitir una sola pieza de información. Por ejemplo, una calificación de 5 estrellas, puede ser representado por un grupo de imágenes de estrellas individuales.En estos casos, la información transmitida por el grupo de imágenes en conjunto, debe añadirse a la alt en de una de las imágenes, y el resto debe dejarse como nulo.
Mapas de Imagenes se aconseja un alt para cada <img>, así como cada individuo <area>.
Información sacada del articulo: Alternative Text and Images
.
No hay comentarios:
Publicar un comentario