¿Qué es y cómo se pone el Atributo Alt en HTML? SIGNIFICADO
El atributo alt es el atributo HTML utilizado en documentos HTML y XHTML para especificar texto alternativo (alt text) que se va a representar cuando el elemento al que se aplica no se puede representar.
El atributo alt proporciona información alternativa para una imagen si un usuario por algún motivo no puede verla (debido a una conexión lenta, un error en el atributo src o si el usuario usa un lector de pantalla).
Significado de Atributo Alt
El atributo ALT significa una propiedad del HTML que describe un texto con imagen, colocando automáticamente la etiqueta en la imagen. Por ejemplo, si una imagen no se puede mostrar el atributo ALT le da un texto alterno en su lugar.
Para qué sirve el Atributo ALT
- Sirve para que los motores de búsqueda puedan identificar la imagen y su contenido, debido a que no son leídos por los crawlers buscadores.
- También sirve para darle un texto alternativo a los usuarios sobre todos los de discapacidad visual.
El objetivo del atributo ALT es proporcionar accesibilidad web a los usuarios que tienen discapacidad visual. De esta manera, el usuario navegará correctamente en la web sin perder información de las imágenes.
Qué poner en el atributo ALT
- Colocar un texto que cumpla la misma función de la imagen.
- Colocar un atributo ALT para sí la imagen es un texto decorado únicamente.
- Para enumerar elementos en una lista, línea horizontal o similar, se coloca un atributo ALT vacío, por ejemplo, alt=”.
- Si colocas una imagen que solo sirve para aumentar los elementos de una lista sea cual sea horizontal o cualquier otra, ahí se coloca atributo vacío como el anterior.
- Si la imagen tiene demasiada información de importancia, es ahí cuando colocas un atributo ALT y añades un enlace longdesc.
Cada día que pasa el mundo va cambiando y con él la tecnología, dándole más oportunidades a las personas con discapacidades a poder disfrutar de navegar en internet sin inconvenientes. Para finalizar, te recuerdo que elijas siempre una imagen acorde con el texto de manera que el usuario no se sienta engañado al ver la imagen e incluye el texto alternativo descriptivo y relevante. Espero que esta información haya sido de mucha utilidad para ti. Comparte esta información con aquellas personas que consideres la puedan necesitar. Y por supuesta comentamos que te pareció.
