Haga que los datos de los gráficos sean más claros y accesibles con técnicas de estilo adicionales, en lugar de depender únicamente del color.
Comience: agregue un gráfico a su diseño accesible
Cree un gráfico en un lienzo de diseño accesible .
Seleccione o haga clic en "Gráficos " en la barra lateral izquierda para agregar un gráfico o una tabla al lienzo de diseño.
Use etiquetas de texto además de una leyenda
Las leyendas y las etiquetas de texto hacen que los datos de un gráfico sean más claros para los lectores al hacer que los datos sean más visibles y fáciles de identificar.
Seleccione o haga clic en el gráfico para que aparezca el menú Editar gráfico en la barra de herramientas superior.
Seleccione o haga clic en Editar gráfico para abrir las opciones de configuración del gráfico, incluidos Datos y Configuración, en el panel superpuesto derecho.
Seleccione o haga clic en la pestaña " Configuración ". Alterne la Leyenda para asegurarse de que se muestre en el gráfico.
Utilice suficiente contraste de color
Asegúrate de que la relación de contraste de color de las etiquetas y otro texto visible en el gráfico cumpla con las pautas de WCAG identificadas por la herramienta Relación de contraste en el Editor de Venngage.
Seleccione o haga clic en el gráfico para que aparezca el menú Editar gráfico en la barra de herramientas superior.
Seleccione o haga clic en Editar gráfico para abrir las opciones de configuración del gráfico, incluidos Datos y Configuración, en el panel superpuesto derecho.
Seleccione o haga clic en la pestaña " Configuración ".
Cambia el color de diferentes elementos del gráfico:
-
Estilo de gráfico (colores de barra o línea)
-
Líneas de cuadrícula (líneas de fondo visibles detrás de las barras)
-
Eje horizontal
-
Eje vertical
-
Etiquetas
-
Color del texto de la leyenda
Seleccione o haga clic en el cuadrado del selector de color junto al elemento y verifique la relación de contraste en la parte inferior del menú del selector de color.
Cambie el color haciendo clic en el selector de color o escribiendo un código hexadecimal en el campo de texto hexadecimal. La puntuación de la relación de contraste se actualizará automáticamente cuando se cambie el color.
Usar espacios en blanco entre las columnas del gráfico
Asegúrese de que el espacio entre los gráficos de columnas y las líneas sea suficiente para leer el texto y ver las diferentes columnas, leyendas y etiquetas de datos.
Cambie el tamaño del gráfico seleccionándolo con la barra espaciadora (teclado) o haciendo clic en él (ratón) para seleccionarlo; luego use las teclas de flecha (teclado) o sostenga y arrastre (ratón para cambiar el tamaño.
Use patrones o íconos para diferenciar columnas o líneas
Los elementos adicionales, como patrones o iconos, pueden ayudar a que los datos de un gráfico sean más claros para los usuarios con necesidades adicionales de adaptación visual o cognitiva. Muestre patrones para diferenciar datos o use íconos como etiquetas de datos en su gráfico.
Mostrar patrones para diferenciar datos
Haga doble clic en un gráfico en su diseño o seleccione " Editar gráfico " en la barra de herramientas superior para agregar patrones a los datos de su gráfico .
Seleccione " Configuración ", la segunda pestaña en el panel Editar gráfico.
Alterne " Mostrar patrones " para mostrar patrones sobre las barras, sectores o líneas en su gráfico.
Los patrones están disponibles para todos los tipos de gráficos y son particularmente útiles para aquellos que tienen problemas para diferenciar el color .
NOTA: Los patrones de gráficos se ven mejor cuando se exportan como PNG o PNG HD. Es posible que no se exporten como se muestra en el Editor de Venngage cuando se descargan o imprimen en PDF en el navegador Chrome (¡estamos trabajando en ello!), así que para obtener mejores resultados al exportar en PDF, recomendamos usar Firefox .
Utilice iconos como etiquetas de datos
Seleccione un icono del menú en la barra lateral izquierda y colóquelo sobre una columna para representar los puntos de datos. En el siguiente GIF, un usuario agrega un ícono a cada una de las columnas en un gráfico de columnas para representar tres categorías: películas, videojuegos y libros.
Agregue texto alternativo a cualquier ícono que incluya en sus gráficos, si transmiten información crucial o adicional que no está incluida en la descripción del texto alternativo del gráfico .
Describa los datos en el gráfico en el texto alternativo, y no necesita incluir los elementos visuales adicionales.
En el cuadro a continuación, "Preferencias de medios por grupo de edad", aparecen íconos adicionales que ayudan a diferenciar los datos y hacerlos más claros de un vistazo. Esto es útil para los lectores con algunas deficiencias visuales o cognitivas , pero los íconos se pueden marcar como decorativos cuando el texto alternativo describe los datos en el gráfico .
Aquí hay un ejemplo de cómo escribir una descripción de texto alternativo larga para el gráfico a continuación:
Gráfico de columnas "Preferencias de medios por grupo de edad". Tres grupos de columnas con tres columnas en cada grupo representan cuántos niños, adolescentes y adultos identificaron una categoría de medios como su favorito, cuando se les dio a elegir entre videojuegos, películas, televisión y libros. En el grupo de la primera columna, la mayoría de los niños (28) dijeron que les gustaban más las películas y la televisión, seguidos por los videojuegos (24) y la menor cantidad de niños (12) eligieron los libros como sus favoritos. En el grupo de la segunda columna, 30 adolescentes eligieron videojuegos sobre películas y televisión (18) y libros (9). Los adultos, representados en el grupo de la columna final, tendieron a preferir los libros, con 22 identificándolos como su medio de comunicación preferido; 12 adultos identificaron las películas y la televisión como sus favoritas; y 8 adultos dijeron que les gustaban más los videojuegos.
Tenga en cuenta que la descripción no incluye los iconos decorativos, ya que no transmiten información adicional que no esté capturada en los datos del gráfico en sí. Para obtener más información sobre qué incluir u omitir, consulte nuestro artículo sobre cómo escribir texto alternativo útil .