Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1- A»

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Línea 135: Línea 135:


<span class="paso-badge>Paso 3.</span>   
<span class="paso-badge>Paso 3.</span>   
Verificar que el texto alternativo se ajusta a la imagen. (Consulta la sección de [[#Recursos_de_apoyo recursos de apoyo]])
Verificar que el texto alternativo se ajusta a la imagen. (Consulta la sección de [[#Recursos_de_apoyo|Recursos de apoyo]])


</div>
</div>

Revisión del 00:35 22 oct 2025

1.1.1- A. Alternativa textual breve obligatoria

  • Nivel: A
  • Versión: 2.2
  • Principio: 1. Perceptible
  • Pauta: 1.1 Textos alternativos
  • Categoría: Contenido
  • Subcategoría: No-texto

Usuarios más afectados

  • Icono de una persona con discapacidad visual Personas con discapacidad visual total - Barrera grave
  • Icono baja visión Personas con baja visión – Barrera moderada
  • Icono discapacidad cognitiva Personas con discapacidad cognitiva – Barrera leve

Descripción y comprensión del criterio

Descripción resumida

Todas las imágenes, iconos o gráficos deben tener un texto que explique qué muestran o para qué sirven.

Así cualquier persona puede entenderlos, aunque no pueda verlos.

Objetivo

Que los lectores de pantalla y otras ayudas puedan decir o mostrar la información que aparece en imágenes y gráficos.

Importancia de cumplir el criterio

Si una persona no puede ver la página, solo escuchará lo que haya en el código.

Por ejemplo, un botón con un carrito debe decir "Botón Comprar", para que la persona sepa qué hace.

Referencias WCAG

  • G95: Providing short text alternatives that provide a brief description of the non-text content
  • G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text content
  • G74: Providing a long description in text near the non-text content, with a reference to the location of the long description in the short description
  • H45: Using longdesc
  • F67: Failure of Success Criterion 1.1.1 and 1.2.1 due to providing long descriptions for non-text content that does not serve the same purpose or does not present the same information

Cómo hacerlo

  • Imágenes importantes: poner un texto corto con alt que explique la imagen o su función.
  • Imágenes decorativas: usar alt="" o CSS, para que no molesten al lector de pantalla.
  • Botones y formularios: darles un nombre que explique qué hacen.
  • Diagramas o mapas: hacer un texto largo que explique toda la información y ponerlo cerca del contenido.

Recursos de apoyo

Puedes usar guías y herramientas para escribir textos alternativos:
  • Herramientas como Web Developer Toolbar. ayudan a ver si faltan textos alternativos o si las imágenes de fondo son solo decorativas.

Evaluación y aplicación práctica

Tipo de comprobación

Comprobación Semiautomática

Procedimiento de evaluación

Paso 1. Seleccionar “Images – Outline images without alt attributes” y comprobar la página. Si hay alguna imagen resaltada, es un error y debe proporcionársele un atributo “alt”.

Paso 2. Seleccionar “Images – Display alt attributes”. Comprobar la página valorando si el texto de dicho atributo describe el cometido de la imagen.

Comprueba que existe en el elemento <img> los atributos alt y/o xml:lang.

Paso 3. Verificar que el texto alternativo se ajusta a la imagen. (Consulta la sección de Recursos de apoyo)

Ejemplo

El código de esta página está escrito en idioma español y así se indica de forma semántica con la etiqueta lang=ES (ES:Español). 

<html lang="ES">

Herramientas recomendadas

Herramienta de inspección con un Bookmarklet

Existen otras maneras de observar este criterio en un sitio web.

Al mostrar la información con el bookmarklet, comprobar que el código mostrado corresponde al idioma de la página.

La página de la wiki está escrita en español , el identificador que ha de mostrar el Bookmarklet ha de ser ES .

Arrastra este botón a tu barra de marcadores: Haz clic para saber el idioma de esta página

Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.1_Texto_Alternativo/1.1.1-_A&oldid=1214»