El texto alternativo (o alt text ) es un texto asociado a 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] El texto alternativo ausente o inútil puede ser una fuente de frustración para los usuarios con discapacidad visual. [2]
En Wikipedia, el texto alternativo se proporciona normalmente mediante una combinación del título de la imagen y el texto proporcionado para el alt
parámetro de imagen en el marcado de MediaWiki . El siguiente ejemplo produce la imagen adyacente:
[[ Archivo : Jacques-Louis David 017.jpg | thumb | upright = 0.75 | alt = Pintura de Napoleón Bonaparte | '' [[ El emperador Napoleón en su estudio en las Tullerías ]] '' de [[ Jacques-Louis David ]]]]
El alt
texto del parámetro ("Cuadro de Napoleón Bonaparte") normalmente no es visible para los lectores; sin embargo, puede ser mostrado por los navegadores web cuando las imágenes están apagadas, o leído en voz alta por lectores de pantalla para personas con discapacidad visual, y puede ser utilizado por los motores de búsqueda para determinar el contenido de la imagen. [3] De acuerdo con otras pautas 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 de HTML ; el término "texto alternativo" se refiere al texto equivalente para una imagen, independientemente de dónde resida ese texto. [4]
En el caso de las imágenes que enlazan a su página de descripción de la imagen (que es casi la totalidad de las imágenes de 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á por defecto el nombre del archivo de la imagen cuando no alt
haya texto disponible. [5] Esto no suele ser útil. En el ejemplo de Napoleón anterior, el lector de pantalla habría leído "enlace gráfico barra 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 solo tiene un propósito estético) no requiere texto alternativo. A menudo, el pie de foto cumple plenamente los requisitos de texto alternativo. Sin embargo, la única situación en la que se alt
acepta un texto en blanco es cuando dichas imágenes no tienen vínculos, 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 pie de foto no describe ni identifica la imagen, es que el alt
texto lo haga lo más brevemente posible.
La audiencia del texto alternativo incluye :
Para utilizar Wikipedia con un lector de pantalla se necesita práctica. Un usuario experimentado de 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 es necesario que sea más largo, los detalles importantes deben aparecer en las primeras palabras, lo que permite al usuario de un lector de pantalla avanzar una vez que se comprenden los puntos clave. Las descripciones muy largas se pueden dejar para el cuerpo del artículo. [1] MediaWiki no admite el atributo longdesc de HTML . Todos los lectores sabrán que este elemento es una imagen, por lo que no suele ser necesario añadir "fotografía de".
El alt
texto debe ser texto simple (sin HTML ni marcado wiki como wikilinks) sin saltos de línea. El texto debe cumplir con los requisitos de 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 lo lean los lectores de pantalla justo antes del subtítulo, por lo que se debe evitar que ambos tengan los mismos detalles.
alt
texto de esta imagen de Isabel II no debería ser "una mujer mayor con un sombrero negro".Comprender el contexto de una imagen es fundamental. Las Pautas de Accesibilidad al Contenido Web (WCAG) 2.0 del Consorcio World Wide Web (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 compatibilidad con Unicode tienen una compatibilidad muy variable para caracteres fuera del latín-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 subtítulos. El subtítulo es visible para todos los lectores y puede contener marcado HTML, enlaces wiki y citas en línea. Un cuadro de información suele contener una imagen simple con el subtítulo en una fila separada. Un buen subtítulo debe identificar sucintamente 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 evocativo de la imagen, o cuando deja en 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 cumple la misma función, puede ser |alt=refer to adjacent text
. [4]
Cuando el tipo de imagen se especifica de tal manera que no es visible un título sin pasar el cursor sobre la imagen, lo que ocurre en lugares como la Página principal, el texto del título se usa automáticamente como texto alternativo, lo que casi siempre es suficiente (consulte el enlace de sintaxis de imagen extendida más arriba).
En los mapas, diagramas y gráficos, el color, la posición y el tamaño de los elementos no son importantes. En cambio, concéntrese en la información que se presenta. Por ejemplo, un gráfico puede tener el texto alternativo "Las ventas en junio superaron a las de julio, y las de agosto fueron aún mayores", y una animación diagramática puede tener el texto alternativo "Animación de un motor de automóvil en movimiento". La fórmula estructural de un compuesto químico se puede describir de forma inequívoca utilizando la nomenclatura de la IUPAC y los cuadros de información sobre fármacos 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 toque estético, pero puede causar confusión fuera de ese contexto visual. Un atributo alt que no está en blanco en una imagen decorativa genera 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 en el caso de 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 da como resultado texto repetitivo para los lectores de pantalla y los motores de búsqueda.
En ambos casos, un atributo alt en blanco es ideal.
|link=
|alt=
. La combinación de ausencia de vínculo y un atributo alt en blanco hace que los lectores de pantalla omitan la imagen y que los motores de búsqueda omitan la imagen en los fragmentos de texto de los resultados de búsqueda.|alt=
y en blanco . Wikipedia aplica la política de vincular esas imágenes para su atribución, y las imágenes vinculadas deben tener un atributo alt que no esté en blanco para evitar enlaces vacíos, que dan lugar a anuncios confusos en los lectores de pantalla. Cuando se 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.|link=
|alt=photograph
|alt=painting
|alt=sculpture
|alt=icon
Los íconos que transmiten información que no se encuentra en el texto deben tener atributos alt que describan su función, no su apariencia. Por ejemplo, un ícono de flecha que se usa para navegar a la página siguiente debe tener un atributo alt de |alt=next page
not |alt=arrow pointing right
. Si la flecha estuviera acompañada por un enlace de texto descriptivo con la misma función, sería más apropiado dejar el atributo alt en blanco. [3]
alt
texto. Si una plantilla no tiene ese 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 de cómo usar la sintaxis de tabla para crear una galería, consulte Galerías .alt
texto. Si utiliza tablas, agregue un resumen de tabla , que los lectores de pantalla leen para ofrecer una descripción general del contenido.<math>
etiqueta se utiliza para generar fórmulas matemáticas. Estas pueden representarse como una imagen o mediante texto, según su complejidad y las preferencias del usuario. Para fórmulas simples, utilice 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 el valor predeterminado si no alt
se proporciona ningún parámetro.Si se escribe " |alt=
", el software MediaWiki mostrará el código 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 oblicua con guión bajo verde") 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 sobre licencias y atribuciones. [Nota 1]
Los artículos de Wikipedia a veces contienen imágenes que no tienen un enlace a una página de imágenes, por ejemplo, un icono de información. Estas imágenes deben configurarse de modo que los lectores de pantalla las ignoren. Esto se logra agregando un |link=
|alt=
marcado wiki a la imagen. La eliminación del enlace solo es aceptable para imágenes de dominio público o 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 seguir el enlace realice una operación (como ordenar ), indique la operación. No diga "haga clic aquí" o "vincular a", ya que el lector ya sabrá que la imagen es un enlace y es posible que no haga clic en ella con el ratón. [9]
alt
atributo faltante o nulo. 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
atributo faltante o nulo. Esto se debe a que el lector de pantalla debe leer ALGO para identificar el enlace". Consulte WebAIM, Context is Everything, consultado el 30 de septiembre de 2020.