El diseño accesible garantiza que tus elementos visuales puedan ser comprendidos por todos, incluidas personas con discapacidad visual o daltonismo. El Editor mejorado de Venngage incluye la herramienta Simulador Visual, que permite previsualizar cómo se ve tu diseño para personas con diferentes condiciones de visión.

1. Abre una plantilla accesible

Comienza con una de las plantillas accesibles de Venngage en el Editor mejorado. Estas plantillas están diseñadas teniendo en cuenta el contraste y la accesibilidad de colores.

2. Abre el Simulador Visual

Existen dos formas de abrir el Simulador Visual:

• Opción 1: Ve al menú Archivo y selecciona Simulador Visual.

  

• Opción 2: Haz clic en el botón Accesibilidad en la barra de navegación superior y luego selecciona Simulador en el panel que aparece.

  

3. Elige una condición de visión para simular

Selecciona una de las opciones para ver cómo se ve tu diseño bajo diferentes condiciones visuales:

• Acromatopsia: Daltonismo total (el diseño aparece en escala de grises)

  

• Deuteranopia: Dificultad para percibir verdes

  

• Protanopia: Dificultad para percibir rojos

  

• Tritanopia: Dificultad para percibir azules y amarillos

  

• Cataratas: Visión borrosa que reduce el contraste

  

• Baja visión: Visión borrosa y reducida

  

Para restablecer la vista normal del diseño, simplemente haz clic nuevamente en la misma condición de visión.

4. Ejemplo: Comparando colores en un diseño accesible

A continuación, se muestra un infográfico titulado “Flexible Work From Home Jobs” visto bajo diferentes condiciones visuales usando el Simulador Visual.

Vista predeterminada:
El infográfico utiliza bloques de texto azul marino, azul claro, verde agua y morado, con íconos coloridos.

Simulaciones:

• Acromatopsia: Todos los colores aparecen en escala de grises.

• Deuteranopia: Los verdes aparecen azulados o morados; los rojos parecen grises.

• Protanopia: Los rojos y verdes se desplazan hacia amarillo o gris; los morados aparecen azules.

• Tritanopia: Los amarillos aparecen rosa; los morados parecen grises; los verdes se vuelven azules.

• Cataratas: El contraste general disminuye, haciendo que los colores similares sean más difíciles de distinguir.

• Baja visión: Los elementos aparecen borrosos, reduciendo la legibilidad.

5. Mejora aún más la accesibilidad

Agrega texto alternativo (alt text) para describir los elementos visuales y textos importantes de tu diseño. Esto asegura que los usuarios con baja visión o que usan lectores de pantalla puedan comprender tu contenido.