Support Centre

Simule cómo el daltonismo y la discapacidad visual afectan la accesibilidad del diseño

Renée Meloche
Renée Meloche
  • Actualización

Seleccione una plantilla accesible  para personalizar en el Editor actualizado (Beta).

Abra  el Simulador visual desde el menú  Archivo  : 

Un usuario en el Editor de Venngage actualizado selecciona 'Archivo' en el menú de navegación superior, abre el menú 'Accesibilidad' y selecciona 'Simulador visual'.  El Comprobador de accesibilidad se abre en el panel lateral derecho, en la pestaña 'Simulador', que muestra mosaicos con diferentes daltonismo y deficiencias visuales que el usuario puede aplicar en una vista previa a su lienzo de diseño.

Seleccione "  Simulador  " en el  panel Accesibilidad  para abrir la herramienta, al abrir el panel desde el botón Accesibilidad en el menú de navegación superior en el Editor actualizado (Beta).

El Editor de Venngage actualizado está abierto a un diseño titulado 'Trabajos flexibles desde casa', con el panel de Accesibilidad abierto en el lado derecho del Editor, superpuesto al lienzo de diseño.  El panel tiene tres pestañas: Accesibilidad, Editar orden de lectura y Simulador, y está abierto en la pestaña 'Accesibilidad'.  El usuario selecciona la pestaña 'Simulador', cambiando el Panel de accesibilidad para mostrar mosaicos con diferentes daltonismo y deficiencias visuales que el usuario puede aplicar en una vista previa a su lienzo de diseño.

También puede acceder desde la parte inferior de cualquier modal  de herramientas de color  , seleccionando o haciendo clic en "Simulador visual".

Un primer plano de una herramienta de color modal para cambiar el color de la fuente en el Editor de Venngage actualizado (Beta).  En la parte inferior del modal, que incluye los títulos "Colores del proyecto", "Tono", "Opacidad" y "Relación de contraste", aparece un mosaico con el título "Simulador visual" con el texto "Ver a través de los ojos de las personas". con discapacidad visual'.

Seleccione el daltonismo o discapacidad visual que desea simular:

Restablezca  su imagen a los valores predeterminados seleccionando nuevamente el mosaico de daltonismo o discapacidad visual.

Estudio de caso: compare el color en este diseño accesible

Aquí hay un plano de una infografía de una  plantilla de diseño accesible  tal como aparece con los colores predeterminados en el Editor actualizado (Beta):

Una vista de plano de una infografía titulada 'Trabajos flexibles desde casa'.  Los principales bloques de texto de la infografía son azul marino, azul claro, verde espuma de mar y morado.  Los íconos en la infografía tienen muchos colores diferentes.

A continuación se muestran diferentes simulaciones de cómo aparece para los lectores daltónicos o con problemas de visión, usando el Simulador visual de Venngage.

Acromatopsia: daltonismo completo

Los diseños a todo color aparecerán en escala de grises para simular un daltonismo total.

Aparece un diseño accesible titulado "Trabajos flexibles desde casa" en un lienzo de diseño en el Editor actualizado (Beta), con el panel Accesibilidad visible en una superposición en el lado derecho.  El panel Accesibilidad está abierto en una tercera pestaña, 'Simulador', que enumera diferentes condiciones de daltonismo y discapacidad visual.  El usuario hace clic en el mosaico 'Acromatopsia', que representa los colores del diseño en el lienzo en escala de grises.

 

Deuteranopia: Dificultad para detectar verdes

Los verdes adquieren un tono morado o azulado; los rojos pueden aparecer grises.

La infografía 'Trabajos flexibles desde casa' aparece en un lienzo de diseño en el Editor actualizado (Beta), con el panel de Accesibilidad visible en una superposición en el lado derecho.  El panel Accesibilidad está abierto en una tercera pestaña, 'Simulador', que enumera diferentes condiciones de daltonismo y discapacidad visual.  El usuario hace clic en el mosaico 'Deuteranopia', que muestra los colores del diseño en más azules y grises, y elimina muchos de los otros tonos que antes eran visibles.

 

Protanopia: Dificultad para detectar rojos

Los morados, violetas y rosas pueden parecer azules; los verdes, rojos y naranjas pueden tomar un tono amarillo o verde/gris.

La infografía 'Trabajos flexibles desde casa' aparece en un lienzo de diseño en el Editor actualizado (Beta), con el panel de Accesibilidad visible en una superposición en el lado derecho.  El panel Accesibilidad está abierto en una tercera pestaña, 'Simulador', que enumera diferentes condiciones de daltonismo y discapacidad visual.  El usuario hace clic en el mosaico 'Protanopia', que convierte los colores del diseño en violetas azulados, grises y amarillos claros, y elimina muchos de los otros tonos que antes eran visibles.

 

Tritanopia: Dificultad para detectar azules y amarillos

Los amarillos pueden parecer rosados; los morados adquieren un aspecto gris; los verdes parecen azules, mientras que los azules pueden adquirir un tono más aqua.

La infografía 'Trabajos flexibles desde casa' aparece en un lienzo de diseño en el Editor actualizado (Beta), con el panel de Accesibilidad visible en una superposición en el lado derecho.  El panel Accesibilidad está abierto en una tercera pestaña, 'Simulador', que enumera diferentes condiciones de daltonismo y discapacidad visual.  El usuario hace clic en el mosaico 'Tritanopia', que convierte los colores del diseño en azules verdosos, corales y grises, y elimina muchos de los otros tonos que antes eran visibles.

 

Cataratas: visión nublada que reduce el contraste

El contraste disminuye, lo que dificulta distinguir colores similares y agrega dificultad para distinguir texto de color claro sobre un fondo claro.

La infografía 'Trabajos flexibles desde casa' aparece en un lienzo de diseño en el Editor actualizado (Beta), con el panel de Accesibilidad visible en una superposición en el lado derecho.  El panel Accesibilidad está abierto en una tercera pestaña, 'Simulador', que enumera diferentes condiciones de daltonismo y discapacidad visual.  El usuario hace clic en el mosaico 'Cataratas', que hace que los colores del diseño tengan un contraste bajo, lo que hace que parezcan desteñidos.  El texto y los iconos son más difíciles de distinguir entre sí.

 

Baja visión: visión borrosa y disminuida

La baja visión crea un efecto similar al acercamiento de una imagen de baja resolución; el texto y otros elementos visuales se vuelven borrosos, lo que dificulta distinguirlos o leerlos.

Proporcionar texto alternativo adecuado  para describir elementos visuales cruciales y texto ayuda a que los documentos sean más accesibles para los lectores con baja visión o discapacidad visual.

La infografía 'Trabajos flexibles desde casa' aparece en un lienzo de diseño en el Editor actualizado (Beta), con el panel de Accesibilidad visible en una superposición en el lado derecho.  El panel Accesibilidad está abierto en una tercera pestaña, 'Simulador', que enumera diferentes condiciones de daltonismo y discapacidad visual.  El usuario hace clic en el mosaico 'Baja visión', que muestra el diseño en baja resolución, lo que hace que los elementos visuales y los textos aparezcan notablemente borrosos y difíciles de distinguir y leer.

 

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 0

¿Tiene más preguntas? Enviar una solicitud