posicionar - ¿Cuándo es aceptable dejar el texto alternativo vacío en una imagen HTML(si alguna vez)?
posicionar imagen html (1)
Hasta ahora he entendido que el atributo alt es obligatorio y no se debe dejar en blanco. Esto parece ser confirmado en preguntas existentes, como esta .
Sin embargo, al leer la especificación HTML de hoy, noté lo siguiente:
Una sola imagen puede tener diferentes textos alternativos apropiados según el contexto.
En cada uno de los siguientes casos, se usa la misma imagen, pero el texto alternativo es diferente cada vez. La imagen es el escudo de armas del municipio Carouge en el cantón Ginebra en Suiza.
Aquí se utiliza como icono complementario:
<p>I lived in <img src="carouge.svg" alt=""> Carouge.</p>
Continúa mostrando otros ejemplos con varios textos alt , pero en este (y en algunos otros ejemplos) falta el texto alt .
La especificación más tarde dice (énfasis mío) :
Excepto cuando se especifique lo contrario, el atributo alt debe especificarse y su valor no debe estar vacío ; el valor debe ser un reemplazo apropiado para la imagen.
¿Está bien usar alt="" ? Si es así, ¿cuándo es este un uso aceptable? Si la imagen no necesita texto alt , ¿debería ser una imagen de fondo CSS?
Nota : Esto se basa en el estándar de vida HTML de WHATWG, no en la especificación HTML5 del W3C.
Cuándo dejar vacío el atributo alt
Normalmente, se requiere el atributo alt ; sin embargo, hay varios casos en los que la especificación HTML dice que está bien dejar el contenido del atributo alt vacío. El atributo alt es el texto equivalente a la imagen , lo que significa que solo debe estar vacío si el significado de la imagen ya está encapsulado por el texto circundante.
Representación gráfica del texto circundante (link)
Es importante pensar en el texto alternativo como el contenido que debe transmitir la imagen en caso de que no esté disponible. Si la imagen puede resumirse con el texto que la rodea, debe tener un atributo alt vacío, ya que la redundancia no sería beneficiosa.
Los ejemplos incluyen diagramas de flujo o gráficos que repiten el texto circundante.
Si se va a usar un título , ese título debe incluirse como un elemento del title o usando <figcaption> . Se debe usar el alt si el gráfico se puede describir con información que no está disponible en otra parte de la página. La especificación dice lo siguiente sobre por qué se debe evitar esta repetición:
Incluir el título en el texto alternativo como este no es útil porque duplica efectivamente el título para los usuarios que no tienen imágenes, provocándolos dos veces pero no ayudándolos más que si solo hubieran leído o escuchado el título una vez.
Imágenes decorativas (link)
En general, la especificación recomienda que se use la background-image CSS para esto, pero aclara que en ciertos casos esto se puede hacer a través del marcado, como una pintura al lado de un poema, o una foto del paisaje en un evento. En estos casos, las imágenes son contenido, pero ese contenido solo es relevante si el usuario puede ver las imágenes.
Grupos de imágenes que forman una imagen más grande (link)
Sin enlaces
Solo una imagen debe tener texto alt para evitar el texto repetitivo para los usuarios que no pueden ver las imágenes.
Con enlaces
La especificación recomienda que se use un mapa de imagen para esto en su lugar, pero si la imagen se divide, debe haber una imagen con texto alt por enlace.
Cuándo omitir el atributo alt completo
En algunos casos, el texto alternativo no puede ser conocido o es innecesario, y en estos casos, alt="" es inexacto, porque implica que la imagen no agrega nada. La especificación de HTML advierte:
Si existe la más mínima posibilidad de que el autor tenga la capacidad de proporcionar texto alternativo real, entonces no sería aceptable omitir el atributo alt.
Sin embargo, reconoce un par de casos en los que se puede omitir el alt .
alt desconocido (link)
En ciertos casos, como el blog de un usuario ciego o un sitio web para compartir fotos donde los metadatos no contienen información útil, la alt puede ser desconocida.
En estos casos, se requiere el uso del atributo de title o una <figcaption> . Aunque pueden desconocerse los detalles exactos de la imagen, todavía se debe incluir algún texto explicativo. En este caso, se prefiere <figcaption> porque
Actualmente no se recomienda confiar en el atributo de título, ya que muchos agentes de usuario no exponen el atributo de manera accesible como lo exige esta especificación.
Destinatarios conocidos que pueden ver imágenes (link)
Si está escribiendo un documento que solo serán vistos por unos pocos destinatarios conocidos, todos los cuales se sabe que pueden ver imágenes, se puede omitir el atributo alt . Se recomienda que se incluya la alt todos modos, en caso de que se reenvíe el correo electrónico o el documento.
Apéndice: ¿Qué pasa con las imágenes de fondo CSS?
Si la imagen no está contenta, probablemente debería ser una imagen de fondo. Para obtener un desglose de la razón detrás de <img> frente background-image , consulte ¿ Cuándo usar IMG frente a la imagen de fondo CSS?