top of page

Principios de accesibilidad visual en la practica del diseñ

Al momento de diseñar, dependiendo del proyecto creativo que esté realizando, el diseñador puede usar las siguientes sugerencias para ajustar el resultado final para aquellas personas que sufren una condición cromática.

  • Utilizar un simulador experiencia de alteración cromática:

color-blindness-colblindor-title.png

Coblis

Simulador de demostración

en línea de visión tipo daltonismo.

306.jpg

Vischeck

Es un software gratuito de

prueba de daltonismo más

clásicos y establecidos:

Vischeck

Es un software gratuito de

prueba de daltonismo más

clásicos y establecidos:

eizo-logo_2.png

Unicolor Pro

Monitores de simulación de

deficiencia de visión en color

  • Utilizar Software verificador en los diseños: Adobe Photoshop CS4 e Illustrator CS4 (para Windows y Macintosh) presentan la función de prueba CUD para verificar si el diseño se transmite información correctamente para los espectadores con afección cromática.

Prueba CUD

para Photoshop

Prueba CUD

para Illustrator

Filtro de página web para personas con daltonismo

  • Asegurarse el contraste de objetos (figura-fondo) creando un esquema de color consistente lo que resulta en una mejor legibilidad.

Contraste ilegible
iconos poco contrate.png
Contraste legible
Iconos contrastes 1.png
  • Emplear señales visuales como patrones, texturas, trazos, indicadores o textos.

Figure_6_8.jpg
  • Considerar el tamaño de los elementos visuales y las tipografías.

desta-01.png
  • Destacar mediante subrayado, cursivas, negrita y tamaños legibles.

destacado-01.png

  • Consideraciones en sitios web

· Utilizar herramientas en línea, como simuladores, verificador en los diseños,

aplicar filtros de página web para daltonismo.

· Comprobar que los vínculos al mover el mouse sean visibles contra el texto

circundante y sobre colores de fondo.

· Escuchar la síntesis de texto a voz del contenido y descripciones de audio de

vídeo en multimedia.

· Cumplir con las directrices de W3C sobre accesibilidad.

Por ejemplo de cómo mejorar el diseño de formularios:
example-form-poor.png
example-form-better.png
  • Facebook - Círculo Negro
WhatsApp Image 2020-11-23 at 13.27.23.jp
bottom of page