El texto alternativo (o texto alternativo ) es texto asociado con una imagen que tiene el mismo propósito y transmite la misma información esencial que la imagen. [1] En situaciones en las que la imagen no está disponible para el lector, tal vez porque ha desactivado las imágenes en su navegador web o está usando un lector de pantalla debido a una discapacidad visual , el texto alternativo garantiza que no se pierda ninguna información o funcionalidad. [1] La ausencia o un texto alternativo inútil puede ser una fuente de frustración para los usuarios con discapacidad visual. [2]
En Wikipedia, el texto alternativo generalmente se proporciona mediante una combinación del título de la imagen y el texto proporcionado para el alt
parámetro de la imagen en el marcado de MediaWiki . El siguiente ejemplo produce la imagen adyacente:
[[ Archivo : Jacques-Louis David 017.jpg | pulgar | vertical = 0,75 | alt = Pintura de Napoleón Bonaparte en su estudio en las Tullerías | '' [[ El emperador Napoleón en su estudio en las Tullerías ]] '' por [[ Jacques-Louis David ]]]]
El alt
texto del parámetro ("Pintura de Napoleón Bonaparte en su estudio en las Tullerías") normalmente no es visible para los lectores; sin embargo, los navegadores web pueden mostrarlo cuando las imágenes están apagadas, o leerlo en voz alta mediante lectores de pantalla para personas con discapacidad visual, y los motores de búsqueda pueden utilizarlo para determinar el contenido de la imagen. [3] De acuerdo con otras directrices de Internet, el término " alt
texto" (en una code
fuente) se utiliza aquí para referirse al texto suministrado para el alt
parámetro de imagen y que genera texto para el atributo alt HTML ; El término "texto alternativo" se refiere al texto equivalente de una imagen, independientemente de dónde resida ese texto. [4]
Para las imágenes que enlazan con su página de descripción de imagen (que son casi todas las imágenes en Wikipedia), el alt
texto no puede estar en blanco ni el alt
parámetro debe estar ausente. Esto se debe a que un lector de pantalla, para describir el propósito del enlace, leerá de forma predeterminada el nombre del archivo de la imagen cuando no haya alt
texto disponible. [5] Esto generalmente no es útil. En el ejemplo anterior de Napoleón, el lector de pantalla habría leído "barra gráfica de enlace Jacques guión Louis guión bajo David guión bajo cero uno siete" si no hubiéramos proporcionado el alt
parámetro. [6]
Una imagen que es puramente decorativa (no proporciona información y tiene sólo un propósito estético) no requiere texto alternativo. A menudo, el título cumple plenamente los requisitos del texto alternativo. Sin embargo, la única situación en la que alt
el texto en blanco es aceptable es cuando dichas imágenes no están vinculadas, lo que rara vez es posible. Una solución es proporcionar algo al menos mínimamente útil como |alt=photograph
, |alt=painting
o |alt=sculpture
. Otra solución, si un título aún no describe o identifica la imagen, es que el alt
texto lo haga lo más brevemente posible.
La audiencia del texto alternativo incluye :
Experimentar Wikipedia con un lector de pantalla requiere práctica. Un usuario experimentado en lectores de pantalla puede optar por omitir partes del texto.
El texto alternativo debe ser breve, como "Un jugador de baloncesto" o "Tony Blair le da la mano a George W. Bush". Si necesita ser más extenso, los detalles importantes deben aparecer en las primeras palabras, lo que permitirá al usuario de un lector de pantalla avanzar una vez que comprenda los puntos clave. Se pueden dejar descripciones muy largas para el cuerpo del artículo. [1] MediaWiki no soporta el atributo longdesc de HTML . Todos los lectores sabrán que este elemento es una imagen, por lo que normalmente no es necesario agregar "fotografía de".
El alt
texto debe ser texto sin formato (sin HTML ni etiquetas wiki, como enlaces wiki) sin saltos de línea. El texto debe cumplir con Punto de vista Neutral , Verificabilidad , No investigación original y Biografías de personas vivas . Dado que no puede contener citas en línea , no debe transmitir ningún punto polémico ni material que no sea obvio para ningún lector. El alt
texto está pensado para que los lectores de pantalla lo lean justo antes del título, así que evite tener los mismos detalles en ambos.
alt
texto de esta imagen de Isabel II no debería ser "una anciana con sombrero negro"Comprender el contexto de una imagen es vital. Las Pautas de accesibilidad al contenido web (WCAG) 2.0 del World Wide Web Consortium (W3C) recomiendan que los editores consideren cuatro preguntas: [7]
Por ejemplo, una imagen de Napoleón Bonaparte podría usarse en
Si una imagen contiene palabras importantes para la comprensión del lector, el texto alternativo debe contener esas palabras. [1] Si contiene caracteres no latinos, considere proporcionar una transliteración . Los lectores de pantalla sin soporte Unicode tienen un soporte muy variable para caracteres fuera del Latin-1 .
[Usos |alt=refer to caption
. El artículo y el título describen el tema, y una descripción alt
sería simplemente repetitiva.]
Las imágenes suelen ser miniaturas con títulos. El título es visible para todos los lectores y puede contener etiquetas HTML, enlaces wiki y citas en línea. Un cuadro de información suele contener una imagen simple con el título en una fila separada. Un buen título debe identificar de manera sucinta el tema de la imagen y establecer la relevancia de la imagen para el artículo, sin detallar lo obvio.
Cuando el título es suficientemente descriptivo o evocador de la imagen, o cuando deja claro cuál es la función de la imagen, una opción es escribir |alt=refer to caption
. Cuando el texto cercano en el artículo realiza la misma función, puede ser |alt=refer to adjacent text
. [4]
Cuando el tipo de imagen se especifica de tal manera que un título no es visible sin pasar el cursor sobre la imagen, lo que ocurre en lugares como la página principal, el texto del título se utiliza automáticamente como texto alternativo, lo que casi siempre es suficiente (consulte la enlace de sintaxis de imagen extendida arriba).
En mapas, diagramas y tablas, el color, la posición y el tamaño de los elementos no son importantes. En lugar de ello, concéntrese en la información que se presenta. Por ejemplo, un gráfico puede tener un texto alternativo "Las ventas en junio superaron a las de julio, y las de agosto fueron aún mayores", y una animación esquemática puede tener un texto alternativo "Animación del motor de un automóvil en movimiento". La fórmula estructural de un compuesto químico se puede describir sin ambigüedades utilizando la nomenclatura IUPAC y los cuadros de información sobre medicamentos o química incluyen esta información.
Una imagen que no proporciona información esencial es una imagen puramente decorativa . Una imagen decorativa puede proporcionar una estructura visual o un florecimiento estético, pero puede causar confusión fuera de ese contexto visual. Un atributo alt que no esté en blanco en una imagen decorativa produce un desorden audible para los usuarios de lectores de pantalla y texto irrelevante insertado en los resultados del motor de búsqueda.
Existen problemas similares para una imagen que repite estrictamente la información que se encuentra en el texto cercano o en un título. El texto cercano es suficiente como texto alternativo de la imagen. Un atributo alt que no esté en blanco genera texto repetitivo para lectores de pantalla y motores de búsqueda.
En ambos casos, lo ideal es un atributo alt en blanco.
|link=
|alt=
. La combinación de ningún enlace y un atributo alt en blanco hace que los lectores de pantalla omitan la imagen y hace que los motores de búsqueda omitan la imagen en los fragmentos de texto de los resultados de búsqueda.|alt=
ni |link=
atributos . Es política de Wikipedia vincular esas imágenes para atribución, y las imágenes vinculadas deben tener un atributo alt que no esté en blanco para evitar enlaces vacíos, que resultan en anuncios confusos en los lectores de pantalla. Cuando desee un atributo alt en blanco, considere reemplazar las imágenes CC BY-SA con equivalentes de dominio público. De lo contrario, utilice un atributo alt breve (como , , o ) para minimizar el texto confuso.|alt=photograph
|alt=painting
|alt=sculpture
|alt=icon
Los íconos que transmiten información que no se encuentra en el texto deben tener atributos alternativos que describan su función, no su apariencia. Por ejemplo, un ícono de flecha usado para navegar a la siguiente página debe tener un atributo alt de |alt=next page
not |alt=arrow pointing right
. Si la flecha estuviera acompañada de un enlace de texto descriptivo con la misma función, un atributo alt en blanco sería más apropiado. [3]
alt
texto. Si una plantilla carece de dicho parámetro, considere solicitar que se agregue.<gallery>
etiqueta admite alt
texto desde MediaWiki 1.18. [8] {{ Gallery }} y {{ Multiple image }} también lo admiten. Para ver un ejemplo del uso de la sintaxis de la tabla para crear una galería, consulte Galerías .alt
texto. Cuando utilice tablas, agregue un resumen de tabla , que los lectores de pantalla leen en voz alta para brindar una descripción general del contenido.<math>
etiqueta se utiliza para generar fórmulas matemáticas. Estos pueden representarse como una imagen o mediante texto, según su complejidad y las preferencias del usuario. Para fórmulas simples, use el alt
parámetro para traducirlas al inglés. Las fórmulas más complejas son difíciles de especificar y el marcado original puede ser la mejor opción, que es la opción predeterminada si no alt
se proporciona ningún parámetro.Escribir " |alt=
" hará que el software MediaWiki muestre HTML con un alt
atributo vacío en la img
etiqueta. Cuando la imagen es un enlace, los lectores de pantalla leerán el nombre del archivo del enlace (por ejemplo, "barra verde con guión bajo") si el alt
atributo HTML está vacío o falta. Casi todas las imágenes de los artículos de Wikipedia son enlaces a la página de descripción de la imagen, que contiene una versión de mayor tamaño de la imagen, así como información de licencia y atribución. [Nota 1]
Los artículos de Wikipedia a veces contienen imágenes que no enlazan con una página de imágenes, por ejemplo, un ícono de información. Estas imágenes deben configurarse para que los lectores de pantalla las ignoren. Esto se logra agregando |link=
|alt=
a la imagen el marcado wiki. Eliminar el enlace es aceptable solo para imágenes de dominio público o el CC0 equivalente . No se deben suprimir los enlaces de ninguna imagen que requiera atribución.
La mayoría de las imágenes de los artículos de Wikipedia no cumplen una función activa; no son botones ni opciones de menú. Cuando la imagen sirva como enlace a otro artículo, nombre el artículo en el texto alternativo. Cuando al seguir el enlace se realiza una operación (como ordenar ), indique la operación. No diga "haga clic aquí" o "enlace a", ya que el lector ya sabrá que la imagen es un enlace y es posible que no haga clic en ella con el botón del mouse. [9]
alt
. Esto se debe a que el lector de pantalla debe leer ALGO para identificar el enlace". [3] El emulador de lector de pantalla Fangs lo confirma.alt
. Esto se debe a que el lector de pantalla debe leer ALGO para identificar el enlace". Véase WebAIM, Context is Everything, consultado el 30 de septiembre de 2020.