Accesibilidad de gráficos y diagramas
Proporciona un resumen textual de la visualización, asegurándote de describir tendencias o patrones en la visualización.
Proporcionar un resumen textual cumple múltiples propósitos. Primero, ofrecerá un formato alternativo para consumir los datos para los usuarios que encuentran la visualización confusa o distractora.
En segundo lugar, proporcionará a los usuarios no visuales una descripción de tendencias y patrones que de otro modo pueden ser difíciles de determinar. Proporciona una solución básica para los usuarios en caso de que el resto de la visualización sea inaccesible.
Además, una descripción textual a menudo es fácilmente captada por los motores de búsqueda, lo que ayuda a obtener mejores posiciones en los resultados de búsqueda para el contenido.
Haz que los datos estén disponibles en un formato de tabla accesible.
Hacer que los datos estén disponibles en un formato de tabla accesible cumple propósitos similares al resumen textual. Para un usuario no visual, puede ser una forma familiar de navegar por un conjunto de datos, e incluso algunos usuarios visuales pueden encontrar que una tabla de datos es un formato más fácil de entender.
Algunos motores de búsqueda pueden utilizar el contenido de la tabla de datos para presentar un fragmento destacado en los resultados de búsqueda, lo que lleva a una alta clasificación en las búsquedas.
Si también puedes hacer que la visualización gráfica en sí sea accesible, eso es aún mejor.
Asegúrate de que haya suficiente contraste y separación entre los elementos en la visualización.
Las pautas WCAG 2.1 del W3C recomiendan una relación de contraste de 3:1 para elementos grandes y no textuales. El texto más pequeño debe tener una relación de contraste de 4.5:1 con respecto a su fondo.
No te bases solo en el color para transmitir información, y asegúrate de que los colores utilizados puedan ser distinguidos por personas con diversas formas de daltonismo.
Las etiquetas de datos, símbolos, anotaciones y descripciones emergentes son formas comunes de transmitir información adicional en visualizaciones sin depender del color. Además, presentaciones alternativas, como una tabla de datos accesible, pueden ser útiles. Aún se recomienda usar el color como un complemento a estas técnicas; esto puede hacer que las visualizaciones sean más fáciles de entender y, en muchos casos, más accesibles.
Asegúrate de que el texto sea legible.
El texto pequeño es generalmente más difícil de leer y debe evitarse siempre que sea posible. Considera usar abreviaturas comunes para permitir un texto más grande. Asegúrate de que el texto no esté obstruido por otros elementos del gráfico y tenga suficiente contraste con respecto a su fondo.
Prefiere un lenguaje simple y comprensible.
Por lenguaje simple nos referimos a un lenguaje que busca ser lo más claro y sencillo posible, evita un lenguaje verboso y enrevesado, y minimiza el uso de jerga.
Prefiere visualizaciones simples y familiares sobre novedades complejas.
Para los usuarios con ciertas discapacidades cognitivas, las visualizaciones complejas pueden ser particularmente desafiantes. Si utilizas una visualización compleja o novedosa, asegúrate de que esté acompañada de una descripción textual, para garantizar que los usuarios entiendan lo que se pretende transmitir con la visualización y cómo interpretarla.
Haz que las visualizaciones interactivas sean accesibles mediante teclado.
La accesibilidad mediante teclado es un requisito obvio para las visualizaciones de datos interactivas. Si bien muchos usuarios con discapacidades motoras utilizarán tecnología asistiva diferente a los teclados, estas herramientas a menudo emulan el comportamiento del teclado. Esto significa que las interacciones accesibles para usuarios que solo utilizan el teclado, en realidad son accesibles para una amplia gama de usuarios con diferentes necesidades.
Si utilizas animaciones o movimientos en la visualización que pueden ser distractores, permite al usuario desactivarlos y respeta la característica de medios CSS "prefers-reduced-motion" cuando sea relevante.
Algunos usuarios, por ejemplo, aquellos con trastornos vestibulares, pueden experimentar náuseas o distracción por contenido animado. Los usuarios con algunas discapacidades cognitivas también pueden distraerse o confundirse con el movimiento.
Asegúrate de que la visualización sea responsiva a diferentes tamaños de pantalla y niveles de zoom.
La responsividad en el diseño web moderno es crucial, tanto dada la variedad de formatos de pantalla utilizados hoy en día, como también por la accesibilidad. Los usuarios con baja visión, en particular, a menudo navegarán con un tamaño de texto aumentado, utilizarán hojas de estilo personalizadas o harán uso del zoom del navegador mientras navegan por la web. Esto significa que el contenido necesita reestructurarse para evitar el desplazamiento horizontal, el recorte o la superposición de elementos.