El atributo alt es el atributo HTML que se utiliza en documentos HTML y XHTML para especificar el texto alternativo ( alt text ) que se mostrará en lugar de un elemento que no se puede representar. El atributo alt se utiliza para descripciones breves, y para descripciones más largas se utiliza el atributo longdesc . La organización de estándares para la World Wide Web , el Consorcio World Wide Web (W3C), recomienda que todas las imágenes que se muestren a través de HTML tengan un atributo alt, aunque el atributo alt no necesita contener texto. La falta de atributos alt adecuados en las imágenes de sitios web ha dado lugar a varias demandas relacionadas con la accesibilidad.
El atributo alt se utiliza para aumentar la accesibilidad y la facilidad de uso, incluso para los usuarios de Internet ciegos que dependen de un software especial para navegar por la web. El uso del atributo alt para imágenes mostradas dentro de HTML es parte de las Pautas de Accesibilidad al Contenido Web (WCAG) del W3C. Los lectores de pantalla y los navegadores web basados en texto leen el atributo alt en lugar de la imagen. El texto dentro del atributo alt sustituye a la imagen cuando se copia y pega como texto y hace que las imágenes sean más legibles por máquina , lo que mejora la optimización del motor de búsqueda (SEO).
El atributo se introdujo por primera vez en el borrador HTML 1.2 en 1993 para brindar soporte a los navegadores basados en texto. [1] En HTML 4.01 , que se lanzó en 1999, el atributo se convirtió en un requisito para las etiquetas img y area . [2] Es opcional para la etiqueta input y la etiqueta applet obsoleta. [3]
Internet Explorer 7 y versiones anteriores representan el texto en los atributos alt como texto de información sobre herramientas , lo que no cumple con los estándares HTML del World Wide Web Consortium (W3C). [4] Este comportamiento llevó a muchos desarrolladores web a utilizar incorrectamente el atributo alt cuando deseaban mostrar información sobre herramientas que contenía información adicional sobre imágenes, en lugar de utilizar el atributo title que estaba destinado a ese uso. [5] [6] A partir de Internet Explorer 8 , lanzado en 2009, los atributos alt ya no se representan como información sobre herramientas en Internet Explorer. [7]
El texto en el atributo alt se utiliza para reemplazar la imagen cuando esta no se puede cargar, sin cambiar el significado deseado del contenido de la página. [8] Las pautas de accesibilidad del contenido web del W3C establecen que el atributo alt se utiliza para transmitir el significado y la intención de la imagen, en lugar de ser una descripción literal de la imagen en sí. [9] Por ejemplo, un atributo alt para una imagen del logotipo de una institución debe transmitir que es el logotipo de la institución en lugar de describir detalles de cómo se ve el logotipo. [10] [11] El atributo alt está destinado a usarse para descripciones breves y concisas de la imagen. Se pueden dar descripciones más largas utilizando el atributo longdesc, que proporciona información más detallada y complementa pero no reemplaza el atributo alt. [2]
Un lector de pantalla como Orca leerá el texto alternativo en lugar de la imagen. [12] Un navegador web basado en texto como Lynx mostrará el texto alternativo en lugar de la imagen (o mostrará el atributo de valor si la imagen es un botón en el que se puede hacer clic ). [13] Un navegador gráfico normalmente mostrará solo la imagen y mostrará el texto alternativo solo si el usuario ve las propiedades de la imagen, o ha configurado el navegador para que no muestre imágenes, o si el navegador no pudo recuperar o decodificar la imagen. [14]
El uso de descripciones en el atributo alt mejora la optimización de los motores de búsqueda y permite que los motores de búsqueda específicos de imágenes, como Google Images , busquen y muestren imágenes relevantes que se utilizan en los sitios web en los resultados de búsqueda. [15] Para los resultados de búsqueda que no son imágenes, los motores de búsqueda leen el texto dentro del atributo alt de la misma manera que leen el texto normal en la página. [16]
El W3C recomienda que las imágenes que no transmiten información, sino que son puramente decorativas, se especifiquen en CSS en lugar de en el marcado HTML. Si se representan imágenes decorativas utilizando HTML que no agregan nada al contenido y no brindan información adicional, entonces el W3C recomienda que se incluya un atributo alt en blanco en forma de alt="". [17] Esto hace que la página sea más navegable para los usuarios de lectores de pantalla o navegadores no gráficos al omitir las imágenes que no transmiten ningún significado. Si no se ha proporcionado ningún atributo alt, los navegadores que no pueden mostrar la imagen no la pasarán por alto, sino que leerán o mostrarán la URL u otro marcador de identificación. [18] Esto crea ambigüedad ya que el usuario generalmente no puede determinar a partir de una simple lectura de una URL si la imagen es relevante para el texto o si es un elemento puramente decorativo de la página web. [19] Una auditoría de Google Lighthouse de 2021 mostró que el 27% de los atributos de texto alternativo auditados estaban vacíos, a pesar de que la mayoría de esas imágenes eran imágenes informativas no decorativas. [20]
Ha habido muchas demandas judiciales por la accesibilidad de los sitios web y la falta de atributos alt adecuados en los sitios web. [18] Maguire v Sydney Organising Committee for the Olympic Games fue una demanda de 2000 en la que un hombre ciego en Australia demandó al Comité Organizador de los Juegos Olímpicos de Sydney porque su sitio web www.olympics.com no era accesible para él debido a la falta de atributos alt en las imágenes. [21] La Comisión Australiana de Derechos Humanos dictaminó que el sitio web lo había discriminado por no cumplir con los estándares de accesibilidad que permiten a las personas ciegas navegar por los sitios web. [22] Durante la demanda, los gobiernos de la Commonwealth, los estados y los territorios australianos emitieron una declaración conjunta a través del Departamento de Banda Ancha, Comunicaciones y Economía Digital en la que afirmaban que estaban adoptando las directrices de accesibilidad del W3C para todos los sitios web .gov.au. [23]
En Estados Unidos, se han presentado varias demandas de alto perfil relacionadas con la falta de atributos alt en imágenes que citan una violación de la Ley de Estadounidenses con Discapacidades (ADA). [24] El Departamento de Justicia de Estados Unidos cita la falta de atributos alt como un ejemplo de barrera para la accesibilidad de los sitios web. [25] National Federation of the Blind v. Target Corp. fue una demanda colectiva de 2006 que alegaba que Target.com violaba la ADA porque las imágenes no usaban atributos alt. [26] Esta demanda sentó un precedente legal en Estados Unidos para la accesibilidad de los sitios web y el cumplimiento de la ADA. [27]
{{cite web}}: CS1 maint: numeric names: authors list (link)