# placeholder
# placeholder

Cómo crear contenido accesible en Infographics (Prezi Design)

Si quieres llegar a una audiencia más amplia con tu mensaje, es esencial crear contenido que sea accesible. Prezi Design te permite hacer precisamente eso, ya que cumple con las Pautas de accesibilidad al contenido web (WCAG 2.0). Puedes crear contenido que sea accesible para personas con discapacidades, incluidos problemas de visión, movimiento limitado, limitaciones cognitivas, etc.

Hacer el contenido visible para los lectores de pantalla

Los lectores de pantalla ayudan a las personas con discapacidad visual a utilizar una computadora, convirtiendo el texto en un habla audible. Al habilitar la opción Visible para lectores de pantalla en el panel de configuración, podrás agregar una etiqueta y una descripción a gráficos, mapas, imágenes o iconos, así como a objetos agrupados. La descripción luego se procesará de texto a voz.

  1. Cuando trabajes en un diseño, haz clic en un objeto para seleccionarlo.
  2. Desde el panel de configuración a tu derecha, abre la pestaña Accesibilidad. Habilita Visible para lectores de pantalla (la opción está habilitada de forma predeterminada).
  3. Agregue una etiqueta para que las personas comprendan cuál es el contenido en particular. Por ejemplo, podrías escribir uno de los siguientes: un gráfico de barras sobre las ventas mensuales, un mapa regional de Finlandia, una imagen del océano, etc.
  4. Proporciona una alternativa de texto coherente a la imagen en el campo Descripción. Sé breve, conciso y expresa el resumen de una manera que dé vida a la imagen.

    accessible-content__2_.png

  5. Selecciona el idioma del diseño; esto indicará qué tipo de voz debe usar el lector de pantalla. El menú desplegable de idioma está disponible en el panel de configuración de la derecha. Para ver la configuración de todo el diseño, haz clic fuera de cualquiera de los objetos ubicados en el lienzo.

Project_language.gif

Todo el contenido se leerá de arriba a abajo, de izquierda a derecha. Esto puede no ser perfecto en algunos casos. En el ejemplo de la izquierda, el orden de lectura será un poco confuso, ya que los lectores de pantalla utilizan principalmente la dirección de arriba a abajo. Sin embargo, puedes agrupar objetos para que se lean juntos, como en el ejemplo de la derecha.

Screen_Readers.png

Navegar por contenido publicado con controles de teclado

Los atajos de teclado proporcionan una forma alternativa de navegar e interactuar con gráficos, mapas, texto, vídeos e integraciones. La navegación es posible con pestañas, leyendas, barras de búsqueda de tablas, texto/imágenes/iconos con hipervínculos, iconos de mapas y botones de reproducción de vídeo.

Cuando se selecciona una parte del contenido, se resaltará con un rectángulo. Cuando abras un diseño en línea, usa los siguientes atajos de teclado para navegar e interactuar:

Pestaña Mover hacia delante
Pestaña + Mayúsculas Mover hacia atrás
Intro Seleccionar / Deseleccionar
, , , Desplazarse
Pestaña Mover hacia delante
Pestaña + Mayúsculas Mover hacia atrás
Intro Seleccionar / Deseleccionar
, , , Desplazarse

Navigating_with_the_Tab_button.gif

Principios de diseño para mejorar la legibilidad

Utiliza títulos y subtítulos para crear grupos de contenido relacionado

El contenido agrupado reduce el desorden, facilita el escaneo y proporciona estructura. Piensa en oraciones claras y concisas. Los encabezados y subsecciones facilitan a los lectores de pantalla saltar entre secciones.

Consejo: usa espacios en blanco entre líneas, gráficos y márgenes para darle espacio a tu contenido. El espacio negativo puede ser una poderosa herramienta de diseño.

accessibility-groups-of-objects__1_.png

Utiliza la paleta y las combinaciones de colores aptas para daltónicos

Crea contraste entre los objetos y el fondo. Utiliza el Comprobador de contraste para comprobar si los colores cumplen con los criterios de accesibilidad en WCAG. Evita los colores brillantes y los colores muy descoloridos (ver la imagen de arriba). Para asegurarte de que tu contenido sea accesible para personas con problemas de visión, usa la paleta de colores apta para daltónicos que se puede encontrar en el panel de configuración a tu derecha.

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

Utiliza la opción de sugerencias de interactividad. De esta manera, aparecerán sugerencias que animan a interactuar con los objetos en el lienzo mientras el espectador se desplaza por tu contenido. Puedes encontrar esta opción en la pestaña Experiencia del visor de proyectos en el panel de configuración de la derecha.

Interactivity_hints.gif

Incluye alternativas de imagen y medios en tu diseño

Complementa tu texto con iconos, imágenes, vídeos o grabaciones de voz. Usa la barra de herramientas a la izquierda del editor para agregar imágenes/iconos de la galería de gráficos, así como vídeos e inserciones de sonido usando las muchas integraciones de Prezi Design. Si usas principalmente contenido de vídeo e imágenes, agrega subtítulos o transcripciones para multimedia.

Crea una estructura con sentido y agrega un resumen para facilitar la navegación

Para obtener más información sobre cómo vincular tu resumen a páginas dentro del proyecto, consulta el artículo del tutorial sobre vinculación de páginas.

Cuando utilices hipervínculos, haz que el texto del enlace tenga sentido.

hyperlinks.png

¿Fue útil este artículo?

Estamos aquí para ayudar

¿Tienes alguna pregunta? Contacta con nuestro equipo de atención al cliente.

contact support buoy icon

Contacta con ayuda