Saltar al contenido
Visual

¿Cómo redacto el texto alternativo de un gráfico con datos sin dejar a nadie afuera ni saturar la lectura?

4 min de lectura · WCAG: 1.1.1 Contenido no textual (Nivel A)

Escrita por Mapa Bianchi

Por qué importa

Quienes usan un lector de pantalla (un programa que lee en voz alta lo que hay en la pantalla) escuchan tu contenido en voz sintética. Si publicás un gráfico con datos clave sin un texto alternativo (una descripción escrita oculta en el código HTML o en la herramienta de accesibilidad de la red social que el software lee en voz alta), la voz sintética anunciará simplemente "imagen" o la ignorará por completo. Además, las personas daltónicas o con baja visión no van a poder interpretar la información si diseñás la gráfica confiando únicamente en diferencias de color sin buen contraste ni apoyos visuales.

Qué hacer y qué omitir

  • Qué hacer: Describí primero el tema y el hallazgo principal del gráfico en una o dos oraciones breves. Si el cuadro contiene datos numéricos muy extensos, poné ese desglose detallado en el cuerpo del posteo o pie de foto. Finalizá la frase siempre con un punto para generar una pausa natural en la pronunciación del lector de pantalla.
  • Qué omitir: Evitá empezar con muletillas como "Imagen de" o "Foto de", ya que las tecnologías de asistencia anuncian automáticamente que se trata de una imagen. No diferencies las series de datos confiando solo en el color; agregá texturas, patrones o etiquetas directas.

Ejemplo: redacción del texto alternativo

  • ❌ Malo: "Imagen de un gráfico sobre la inflación de 2026."
  • ✔ Bueno: "Gráfico de barras que muestra un aumento continuo de la inflación durante 2026, alcanzando un pico del 5 % en junio."

Ejemplo: cuando el gráfico usa colores

  • ❌ Malo: "Gráfico de líneas: la línea verde es 2025 y la roja es 2026." (Describe el diseño, pero no dice qué muestran los datos).
  • ✔ Bueno: "Gráfico de líneas de ventas 2025 y 2026: en 2026 las ventas superan a 2025 todos los meses, con la mayor diferencia en diciembre."

Y en el diseño: etiquetá cada línea con su año y usá trazos distintos (continuo y punteado), así nadie depende del color para leerlo.

Reglas de oro

  1. Ir directo al grano: eliminá muletillas como «Imagen de» o «Foto de». Nombrar el tipo de gráfico («Gráfico de barras») sí suma, porque anticipa cómo está organizada la información.
  2. Resumir la conclusión: Explicá el resultado o tendencia principal en una o dos oraciones concisas.
  3. Punto final clave: Agregá siempre un punto al terminar el texto ALT para marcar una pausa de lectura en el lector de pantalla.
  4. Más que colores: Combiná el color con tramas, patrones o etiquetas directas para que las personas daltónicas comprendan la gráfica.
  5. Complementar en el texto: Si la información es muy compleja, dejá la síntesis en el texto ALT y desplegá el desglose en el pie de foto o en la nota.

Casos que confunden

  • Gráficos ilustrativos vs. informativos: Si un gráfico es puramente decorativo (un dibujo estilizado que no aporta datos reales), debe llevar un atributo alt nulo (alt="") para que el lector de pantalla lo omita y no distraiga. Si aporta cifras indispensables para el contenido, la descripción es obligatoria.
  • Capturas de infografías pesadas: Cuando compartís una captura con múltiples tablas o mapas complejos, el texto ALT no debe intentar transcribir todo el documento. En esos casos, resumí la idea general en el texto ALT y ofrecé la transcripción o tabla accesible en el cuerpo de la publicación o enlace adjunto.

Checklist antes de publicar

Marcá lo que ya resolviste. Abajo ves qué falta y lo podés copiar.

Antes de publicar

0 de 6 puntos cumplidos

Ver lo que falta (6)
  • ¿Omití muletillas como "Imagen de" o "Foto de"?
  • ¿El texto alternativo explica el resultado o conclusión clave que transmite el gráfico?
  • ¿Coloqué un punto final para que la voz sintética haga la pausa adecuada?
  • ¿La imagen incluye etiquetas o patrones visuales además de colores para diferenciar las series?
  • ¿Mantuve la descripción del ALT en una o dos frases breves?
  • ¿Si el gráfico tiene muchos datos detallados, incluyo el desglose en el pie de foto o cuerpo del texto?