0 de 3

Heurística 10 de 10 · Diseño inclusivo

Alternativas visuales y auditivas

Ofrece información equivalente cuando una persona no puede ver u oír el contenido original.

Una alternativa accesible comunica el mismo propósito y la información necesaria para completar la tarea; no se limita a describir la apariencia del recurso.

  • Duración 8–10 minutos
  • Nivel Introductorio
  • Práctica 3 actividades
Comenzar el tutorial

01 · Concepto

Equivalencia: el mismo significado por otra vía

La alternativa debe responder qué comunica el recurso y para qué se utiliza dentro de ese contexto.

La misma imagen puede necesitar un texto alternativo, un nombre de acción o una alternativa vacía según su función. En multimedia, subtítulos, transcripción y audiodescripción cubren información diferente y se complementan.

Principio esencial

La información no debe depender de un solo sentido: ofrece una vía equivalente que permita comprender y actuar.

Propósito equivalente

La alternativa transmite la información o función relevante, no cada detalle visual o sonoro.

Contexto suficiente

El texto cercano, el pie de figura y la tarea determinan cuánto debe explicar la alternativa.

02 · Fundamentos

Tres decisiones según el tipo de contenido

Antes de escribir, identifica si el recurso informa, decora, funciona como control o combina imagen y sonido.

Imagen informativa

Resume la información y el propósito. La presentación propone textos concisos, habitualmente menores de 150 caracteres; WCAG no fija un máximo universal.

Imagen decorativa

Usa una alternativa vacía para que la tecnología de apoyo la ignore y no repita información.

Video y audio

Incluye subtítulos, transcripción y audiodescripción según la información visual y sonora que deba equivalerse.

03 · Personas y contextos

¿A quién beneficia?

Las alternativas también ayudan cuando el medio original no está disponible por el entorno o la tecnología.

  • Personas ciegas: acceden al propósito de imágenes y a la información visual mediante texto y audiodescripción.
  • Personas sordas o con pérdida auditiva: reciben diálogos, sonidos relevantes e identificación de hablantes mediante subtítulos y transcripciones.
  • Personas con sordoceguera: pueden consumir alternativas textuales mediante una línea braille.
  • Personas con dificultades de procesamiento auditivo: revisan el contenido escrito a su propio ritmo.
  • Cualquier persona en un lugar ruidoso, silencioso o con conexión limitada: puede elegir la modalidad disponible.

04 · Barreras frecuentes

Cuando la alternativa existe, pero no equivale

Nombre de archivo como alternativa

“IMG_4827.jpg” no comunica contenido ni propósito.

Descripción demasiado genérica

“Imagen” o “gráfico” obliga a adivinar el dato relevante.

Decoración anunciada

Una textura o separador recibe una descripción que añade ruido sin aportar significado.

Icono funcional sin nombre

Un control de búsqueda o descarga se anuncia únicamente como “botón”.

Subtítulos sin sonidos relevantes

Se transcribe el diálogo, pero se omiten alarmas, música o identificación de hablantes.

Audiodescripción redundante

La narración repite diálogos, pero no explica acciones o textos visibles que importan.

05 · Criterios de diseño

Qué debe comprobarse

Evalúa la finalidad del contenido no textual y qué información queda ausente en cada modalidad.

Alternativa para contenido no textual

Las imágenes informativas y controles gráficos tienen una alternativa textual equivalente a su propósito.

Relacionado: WCAG 1.1.1 · Nivel A

Decoración ignorada

Los elementos puramente decorativos se implementan para que las tecnologías de apoyo puedan omitirlos.

Relacionado: WCAG 1.1.1 · Nivel A

Alternativa para audio o video

El contenido pregrabado de solo audio o solo video dispone de una alternativa equivalente.

Relacionado: WCAG 1.2.1 · Nivel A

Subtítulos pregrabados

Los subtítulos incluyen diálogos, hablantes y sonidos necesarios para comprender.

Relacionado: WCAG 1.2.2 · Nivel A

Descripción de información visual

La información visual importante se ofrece mediante audiodescripción o una alternativa del medio cuando corresponde.

Relacionado: WCAG 1.2.3 y 1.2.5 · Niveles A y AA

Alternativa revisada por una persona

Comprueba precisión, sincronización, ortografía y equivalencia; la generación automática requiere revisión.

Práctica editorial esencial

06 · Ejemplo aplicado

Un gráfico convertido en una conclusión útil

Problema

Describe la apariencia

alt="Gráfico de barras azul con tres columnas"

  • No identifica la variable.
  • No comunica el dato principal.
  • El color y la forma no sustituyen la conclusión.

Solución

Comunica el resultado

alt="La matrícula accesible aumentó de 28 a 42 cursos entre 2024 y 2026"

  • Nombra la medida y el periodo.
  • Incluye los valores relevantes.
  • Evita detalles visuales innecesarios.

Decisión clave: describe la información que la persona perdería, no la presencia de una imagen.

07 · Práctica

Comprueba lo aprendido

Decide qué tratamiento necesita cada recurso y observa por qué una alternativa es adecuada.

Actividad 1: clasifica cada recurso

Elige la función que cumple cada elemento. La solución técnica depende de esta primera decisión.

Gráfico de matrícula

Comunica que los cursos accesibles aumentaron.

Separador de estrellas

Solo adorna el espacio entre dos secciones.

Icono de búsqueda

Activa la búsqueda del sitio.

Actividad 2: elige la alternativa que comunica el dato

El gráfico muestra que los cursos con materiales accesibles aumentaron de 28 a 42 entre 2024 y 2026. Selecciona el texto que ofrecería información equivalente.

¿Cuál alternativa utilizarías?

Actividad 3: completa las alternativas multimedia

Activa los tres recursos que permiten comprender el video sin depender únicamente de la imagen o del sonido.

Añade las tres alternativas.

08 · Ficha rápida

Alternativas en seis preguntas

¿Qué función cumple el recurso?
Distingue información, decoración, control o multimedia.
¿Qué se perdería sin verlo?
Comunica el dato, relación o propósito relevante.
¿La imagen es decorativa?
Usa una alternativa vacía para que pueda ignorarse.
¿Los subtítulos son completos?
Incluye diálogo, hablantes y sonidos significativos.
¿Falta información visual?
Añade audiodescripción o una alternativa del medio.
¿La alternativa fue revisada?
Comprueba precisión, contexto y sincronización.

Resultado

Progreso de las actividades

Completa las tres actividades para terminar el tutorial.