Guías prácticas

Haga que los gráficos y tablas de sitios web sean comprensibles

Un gráfico ayuda a la comparación solo cuando los lectores pueden recuperar sus ejes, valores y diferencias. La leyenda no puede llevar toda la explicación.

Ver el método

Dos personas comparando un gráfico impreso con barras de datos en una computadora portátil

Comience con la pregunta Los datos responden

Indique la pregunta o decisión antes de dibujar. ¿Estás comparando una tendencia, una distribución o algunos valores exactos? Elija un formulario que revele la relación y use una tabla cuando cada número importe más que la forma general.

Mostrar alcance, unidades, período y fuente cerca de la figura. Un porcentaje sin su denominador o un eje truncado inesperadamente puede inducir a error. Los Guía de medición Ayuda a interpretar los indicadores antes de publicar.

  • pregunta y unidad explícita.
  • Origen y período visible.
  • Gráfico elegido para la relación.

Explicar el contenido fuera de la imagen

Dé al visual una breve alternativa identificando su tema. Para un gráfico complejo, agregue una descripción larga visible para todos o una tabla de valores. Explique las tendencias, las lagunas y las excepciones necesarias para comprender la conclusión.

Los Consejos W3C sobre imágenes complejas Distinguir una breve descripción e información detallada. Una secuencia de valores en un atributo alt se vuelve dolorosa de escuchar; Una estructura HTML puede servir mejor a la lectura.

  • Sujeto nombrado en la alternativa.
  • Valores y tendencias disponibles como texto.
  • Descripción larga Estructurada donde sea necesario.

Prueba de colores, escalas y pantallas

No confíe solo en el color para distinguir las series. Agregue etiquetas, patrones o marcadores y verifique el contraste. En un teléfono, verifique los ejes y los valores sin exigir un zoom horizontal constante.

Una tabla necesita encabezados asociados con celdas incluso cuando el diseño se estrecha. Si se simplifica un gráfico móvil, no elimine una serie esencial. Los Guía de accesibilidad Sugiere comprobaciones de teclado y zoom.

  • Serie distinta sin color.
  • Ejes legibles en el móvil.
  • Encabezados de mesa comprensibles.

Verificar números a lo largo del tiempo

Nombre la fuente, la fecha de recogida, el método y el propietario. Cuando los datos cambian, verifique el título, la conclusión, la tabla y las traducciones. Una imagen de gráfico puede permanecer en un artículo después de corregir los datos subyacentes.

Revise también las descargas: formato reutilizable, nombres de columna y ausencia de datos que no deberían ser públicos. Una figura clara no puede redimir un cálculo defectuoso; hacer que se revisen los valores antes del lanzamiento.

  • Fuente y cálculo revisado.
  • Copias y traducciones actualizadas.
  • Descargas comprobadas.

Contenido actualizado el 2 de octubre de 2026

Matriz de validación funcional para adaptarse al proyecto

Estos controles propuestos utilizan casos ficticios. Decida qué comportamiento se espera con el equipo, anote el resultado y asigne discrepancias no resueltas antes de la publicación.

Casos de prueba, resultados esperados y evidencia útil
CasoResultado esperadoPrueba para mantener
Una serie contiene un valor faltante.La brecha se identifica en lugar de trazar como cero.Registre la URL, los pasos, el resultado y la evidencia fechada.

Preguntas frecuentes

¿Cómo pueden los gráficos mostrar limitaciones de datos?

Fuente de estado, punto, unidades, alcance y valores faltantes. Explique las conclusiones respaldadas y proporcione una alternativa textual o tabular adecuada. No convierta los valores desconocidos en cero. Compruebe el contraste, las etiquetas y la comprensión sin distinciones de color.