stringtranslate.com

Wikipedia:Manual de estilo/Accesibilidad/Texto alternativo para imágenes

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 altparámetro de imagen en el marcado de MediaWiki . El siguiente ejemplo produce la imagen adyacente:

Pintura de Napoleón Bonaparte
El emperador Napoleón en su estudio en las Tullerías, de Jacques-Louis David
[[ 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 alttexto 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 " alttexto" (en una codefuente) se utiliza aquí para referirse al texto suministrado para el altpará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 alttexto no puede estar en blanco ni el altpará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 althaya 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 altpará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 altse 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=paintingo |alt=sculpture. Otra solución, si un pie de foto no describe ni identifica la imagen, es que el alttexto lo haga lo más brevemente posible.

Audiencia

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.

Cómo escribir un texto alternativo

Lo esencial

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 alttexto 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 alttexto 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.

Importancia del contexto

Isabel II hablando al público.
A menos que aparezca en un artículo sobre moda, el alttexto 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

Imágenes que contienen palabras

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 .

Subtítulos y texto cercano

Consulte el título
Comparación de tres tipos diferentes de cepillos de dientes

[Usos |alt=refer to caption. El artículo y el título describen el tema, y ​​un texto descriptivo altsería simplemente repetitivo.]

Para conocer detalles del marcado wiki que produce estos elementos, consulte Wikipedia:Sintaxis de imagen extendida#Texto alternativo y título .

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 de forma 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 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).

Mapas y diagramas

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.

Imágenes decorativas

  • MOS:PDI
  • MOS:ALTO EN BLANCO

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.

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 pagenot |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]

Texto alternativo en plantillas y galerías

Plantillas
Muchas plantillas, como {{ Infobox }} y {{ Location map+ }}, tienen sus propios parámetros para especificar alttexto. Si una plantilla no tiene ese parámetro, considere solicitar que se agregue.

Galerías
La <gallery>etiqueta admite alttexto 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 .

Líneas de tiempo
La etiqueta <timeline> genera una imagen sin alttexto. Si utiliza tablas, agregue un resumen de tabla , que los lectores de pantalla leen para ofrecer una descripción general del contenido.

Fórmulas matemáticas
La <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 altpará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 altse proporciona ningún parámetro.

Enlaces y atribución

Si se escribe " |alt=", el software MediaWiki mostrará el código HTML con un altatributo vacío en la imgetiqueta. 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 altatributo 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 |link=|alt=un 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]

Ejemplos

Notas

  1. ^ WebAIM dice: "Una imagen que es lo único dentro de un enlace nunca debe tener un altatributo 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.

Referencias

  1. ^ abcd W3C. G94: Proporcionar una alternativa de texto breve para contenido no textual que sirva al mismo propósito y presente la misma información que el contenido no textual; 11 de diciembre de 2008 [Consultado el 4 de abril de 2010].
  2. ^ Lazar J, Allen A, Kleinman J, Malarkey C. Qué frustra a los usuarios de lectores de pantalla en la web: un estudio de 100 usuarios ciegos [PDF]. Int J Hum Comput Interact . 2007;22(3):247–69. doi :10.1080/10447310709336964.
  3. ^ abcdef 2020 WebAIM . Centro para Personas con Discapacidad, Universidad Estatal de Utah . Texto alternativo [Consultado el 30 de septiembre de 2020].
  4. ^ ab G74: Proporcionar una descripción larga en texto cerca del contenido que no es texto, con una referencia a la ubicación de la descripción larga en la descripción corta, técnica WCAG 2.0.
    WebAim escribe: "[E]l atributo alt (a veces llamado etiqueta alt, aunque técnicamente esto es incorrecto) no es el único mecanismo para proporcionar el contenido y la función de la imagen. Esta información también se puede proporcionar en texto adyacente a la imagen o dentro de la página que contiene la imagen. ... El término texto alternativo, tal como se utiliza en este artículo, se refiere al equivalente textual de una imagen, independientemente de dónde resida ese texto. No se refiere únicamente al atributo alt de la etiqueta de imagen. Consulte WebAIM. Conceptos básicos de texto alternativo, consultado el 30 de septiembre de 2020.
  5. ^ W3C. F89: Error (...) debido al uso de alt nulo en una imagen donde la imagen es el único contenido en un enlace, Técnicas para WCAG 2.0, consultado el 5 de noviembre de 2014
  6. ^ WebAIM dice: "Una imagen que es lo único dentro de un enlace nunca debe tener un altatributo 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.
  7. ^ W3C. Entendiendo el Criterio de Conformidad 1.1.1; Entendiendo WCAG 2.0; 11 de diciembre de 2008 [consultado el 4 de abril de 2010].
  8. ^ Error de Wikimedia 18682
  9. ^ Petrie, Helen; Harrison, Chandra; y Dev, Sundeep. Descripción de imágenes en la Web: una encuesta sobre la práctica actual y las perspectivas para el futuro, Centro de Diseño de Interacción Hombre-Computadora, City University London, consultado el 8 de junio de 2010.
  10. ^ W3C. H24: Proporcionar alternativas de texto para los elementos de área de los mapas de imágenes, técnica WCAG 2.0.

Enlaces externos