Crea Contenido Accesible para una Experiencia Inclusiva

El contenido accesible se refiere a materiales digitales, como sitios web, documentos, videos, archivos de audio y presentaciones multimedia diseñadas y creadas de manera que aseguran que las personas con discapacidades puedan acceder, comprender y participar en ellas de manera efectiva. Implica implementar principios de diseño inclusivos e incorporar características que acomoden diversas discapacidades, limitaciones o impedimentos. 

El contenido accesible tiene como objetivo eliminar barreras y proporcionar acceso equitativo a la información, la comunicación y el entretenimiento para las personas con discapacidades. Va más allá del mero cumplimiento de los requisitos legales y abraza los principios de inclusión, diversidad y igualdad de oportunidades.

Sí, Infogram cumple oficialmente con las Pautas de Accesibilidad al Contenido Web (WCAG 2.0). Esto asegura que puedas crear contenido accesible para personas con diversas discapacidades, como deficiencias visuales, movilidad limitada y limitaciones cognitivas.

Con Infogram, puedes:

• Hacer que tu contenido de Infogram sea fácilmente interpretable por lectores de pantalla.
• Navegar por el contenido publicado utilizando controles de teclado.
• Aplicar principios de diseño sencillos para mejorar la legibilidad.

Las características de accesibilidad de Infogram benefician a personas con discapacidades, incluyendo aquellas con deficiencias visuales, movilidad limitada, desafíos cognitivos y más. Estas características facilitan la participación de una gama más amplia de usuarios con tu contenido.

Los lectores de pantalla ayudan a personas con discapacidad visual a usar una computadora, convirtiendo el texto en discurso audible. Al habilitar la opción Visible para lectores de pantalla en la configuración de tu proyecto, podrás agregar una etiqueta y descripción a gráficos, mapas, imágenes o iconos, así como a tus logotipos personalizados y objetos agrupados. Esta descripción se convertirá de texto a voz.

1. Crea un nuevo proyecto o selecciona uno de tus proyectos existentes. Haz clic para seleccionar un objeto en el lienzo.
2. Desde el panel de configuración a tu derecha, abre la pestaña de Accesibilidad. Habilita Visible para lectores de pantalla (la opción está habilitada de forma predeterminada).
3. Inserta una Etiqueta para que las personas entiendan qué es el contenido en particular. Por ejemplo, un gráfico de barras para un estado de ingresos, un mapa regional de Noruega, una imagen de una montaña, etc.
4. Proporciona una alternativa de texto significativa a la visual en el campo de Descripción. Sé breve, conciso y expresa el resumen de una manera que dé vida a la visualización.
5. Selecciona el idioma de tu proyecto en el panel de configuración a tu derecha. Esto indicará qué tipo de voz debe usar el lector de pantalla. También puedes encontrar esta opción en la configuración del proyecto de tu cuenta, donde puedes establecer el idioma predeterminado.

Los atajos de teclado proporcionan una forma alternativa de navegar e interactuar con gráficos, mapas, texto, videos e integraciones. La navegación es posible con pestañas, leyendas, barras de búsqueda de tablas, texto/imagenes/iconos con hipervínculos, íconos de mapas y botones de reproducción de video. Cuando se selecciona un contenido, se resaltará con un cuadro azul. Cuando abras un proyecto en Webview o lo insertes en línea, usa los siguientes atajos de teclado para navegar e interactuar: 

Este artículo de soporte de Infogram te ayudará a entender mejor los atajos de teclado.

1. Utiliza títulos y subtítulos para crear grupos de contenido relacionados.

• El contenido agrupado reduce el desorden, facilita la exploración y proporciona estructura. Piensa en frases claras y concisas. Los encabezados y subsecciones facilitan que los lectores de pantalla salten entre secciones.

1. Utiliza el tema y las combinaciones de colores amigables para personas con daltonismo.

• Crea contraste entre objetos y el fondo. Utiliza el Rastreador de Contraste para verificar si tus colores cumplen con los criterios de accesibilidad en WCAG. Evita colores brillantes y muy desvanecidos. Para asegurarte de que tu contenido sea accesible para personas con discapacidad visual, utiliza el tema amigable para personas con daltonismo que se encuentra en el panel de configuración a tu derecha.

1. Crea diseños para todos los tamaños de pantalla.

• Si planeas insertar tu contenido, piensa en qué dispositivos se verá tu contenido: laptops, tablets o teléfonos móviles. Utiliza el código de URL o los códigos de inserción responsivos y asíncronos en el editor HTML de tu página web. Esto garantiza que tu contenido se adapte al tamaño de pantalla, ofreciendo una experiencia de visualización fluida. Cuando diseñes para móviles, evita objetos que sean demasiado pequeños. Para aprender cómo insertar y qué códigos ofrecemos, visita nuestro artículo sobre Cómo insertar un proyecto.

1. Asegúrate de que los elementos interactivos sean fáciles de encontrar.

• Utiliza la opción de sugerencias de interactividad en la configuración de tu proyecto. Las sugerencias aparecen cuando el espectador desplaza tu contenido para resaltar la interactividad. Para obtener más información sobre cómo habilitar esta opción, visita el artículo sobre Interactividad mejorada de gráficos y mapas y narración de datos animada.

1. Incluye alternativas de imagen y medios en tu diseño.

• Complementa tu texto con iconos, imágenes, videos o grabaciones de voz. Utiliza el panel a la izquierda del editor para agregar imágenes/iconos desde la galería de gráficos, así como videos y embebidos de sonido utilizando las numerosas integraciones de Infogram. Si estás utilizando principalmente contenido de video e imagen, agrega subtítulos o transcripciones para multimedia.

1. Crea una estructura significativa y agrega un resumen para una fácil navegación. Para aprender sobre cómo vincular tu resumen a páginas dentro del proyecto, visita el artículo tutorial sobre Vinculación de páginas.
2. Cuando uses hipervínculos, haz que el texto del enlace sea significativo.