Diseño Accesible – 5 Secretos Esenciales Para Diseñadores Gráficos

La inclusión se está convirtiendo en una tendencia de diseño que ya no puedes ignorar. Es importante crear diseños que capturen con precisión su marca y su mensaje. Pero lo que es aún más importante es crear diseños que sus clientes vean y procesen de la manera correcta. Y esto incluye diseñar para personas con varios tipos de discapacidades. Hay una gran parte de la población que vive con algún tipo de discapacidad. Eso es 61 millones de adultos solo en los EE. UU. Por lo tanto, el diseño accesible es algo que no se puede tomar a la ligera. El Día Internacional de las Personas con Discapacidad es el 3 de diciembre. Entonces, ahora es un buen momento para hablar sobre diseño accesible.

¿Viste el número 73 en la imagen de arriba? ¡No todos pueden! Y las personas que tienen dificultades para distinguir los colores también forman parte de su público objetivo. Por eso es importante empezar a priorizar el diseño accesible. ¿No sabes por dónde empezar? ¡Te tenemos! Le daremos algunos consejos factibles sobre ajustes simples y consideraciones de diseño que pueden marcar la diferencia.

Diseño accesible: desde la perspectiva del diseño gráfico

Cuando hablamos de publicidad representativa e inclusión en el marketing, a menudo nos limitamos al concepto de incluir diversas representaciones culturales. Hacer que las personas de diversas características demográficas se sientan incluidas. Reconocer y aceptar diferentes etnias. Pero la inclusión va más allá. Evaluar y ajustar la experiencia de los usuarios con capacidades diferentes es otro componente fundamental del marketing inclusivo.

El diseño accesible es un dominio bastante amplio. Esto incluye el diseño para la accesibilidad en todos los puntos de contacto con sus clientes. Desde un diseño de interfaz de usuario accesible hasta funciones de aplicaciones que simplifican el uso para todo tipo de usuarios, hay varias medidas que una marca puede tomar. Pero en este blog vamos a hablar de la accesibilidad en el diseño gráfico en particular. Esto incluye la creación de gráficos promocionales que sean fáciles de consumir para personas con discapacidades.

La mayoría de las marcas consideran las discapacidades físicas como la ceguera y las deficiencias auditivas. Pero las discapacidades cognitivas también requieren una parte justa de su atención. Afasia, autismo, dislexia, TDAH: existen varias discapacidades cognitivas que dificultan que las personas procesen la información que les presenta. Tu anuncio, un diseño que crees que se ve brillante en la pantalla, puede ser visto de manera muy diferente por ellos.

Por ejemplo, ¿qué pasa si el contraste entre el texto y el fondo no es suficiente y el usuario se pierde información crítica? ¿O qué pasa si el gráfico circular en su infografía tiene diferentes colores para diferentes parámetros pero un usuario daltónico no puede distinguirlos? El propósito del diseño se pierde. Es por eso que considerar las características de accesibilidad es importante en sus diseños de marketing y marca.

Y lo mejor es que el diseño accesible en marketing no es tan difícil después de todo. Unos pequeños ajustes y su diseño estará listo tanto para el público en general como para las personas con discapacidades. Veamos algunas ideas para lograrlo.

1. Presta atención a tu tipografía

Varios aspectos de la tipografía afectan la legibilidad y legibilidad de la copia. Si bien no siempre puede limitarse a elegir el tipo de letra correcto y diseñar sus fuentes, considerar algunos aspectos puede hacer que el diseño sea mucho más conveniente para las personas con discapacidades visuales y neurológicas.

Piénsalo dos veces antes de usar una fuente pequeña

Las fuentes pequeñas ponen mucha tensión en los ojos. Y hace que sus usuarios trabajen más duro para recibir el mensaje. ¡Lo más probable es que no lo hagan! Además, las fuentes de menos de 12 px pueden ser difíciles de leer, especialmente en un teléfono móvil. Teniendo en cuenta que el 58,99 % del tráfico web global proviene de dispositivos móviles, evitar las fuentes pequeñas es definitivamente una buena decisión para el diseño accesible.

Por lo tanto, las fuentes grandes y en negrita para el texto del héroe no solo actúan para llamar la atención o detener el desplazamiento, sino que también garantizan la facilidad de lectura para varios usuarios. Variar los tamaños de fuente para diferentes secciones también facilita que todo tipo de usuarios entiendan la jerarquía. Porque las fuentes más grandes son a menudo las primeras que la mayoría de la gente nota y las más pequeñas son quizás las últimas.

La tipografía que elijas importa

Hay muchas fuentes serif hermosas y legibles por ahí. No hay duda de eso. Pero si está diseñando teniendo en cuenta a las personas con problemas de visión, las fuentes sans-serif tienen una clara ventaja. Sus formas de letras limpias y sin complicaciones las hacen más cómodas de leer. Y esto se aplica tanto a los diseños impresos como a los digitales.

Dentro de los tipos de letra sans-serif, debe mantenerse alejado de las fuentes con trazos muy finos. Las fuentes decorativas son los otros tipos que no funcionan cuando se diseña para personas con problemas de visión. Está bien usar fuentes decorativas con moderación. Pero la sección que transmite el mensaje principal, la llamada a la acción y las áreas con mucho texto deberían tener una alternativa más legible.

Tenga cuidado con el espacio entre letras

Kerning o el espacio entre caracteres en la copia asegura que sus lectores lean la información correctamente. Y que lo lean sin ninguna dificultad. Las letras que están demasiado cerca unas de otras pueden dificultar la lectura del texto en general. Para las personas con problemas de visión y dificultades cognitivas en la lectura, muy poco espacio entre las letras plantea un problema aún mayor. ¿De qué sirve una buena copia si no tiene el efecto deseado en su audiencia? O peor aún, ¿qué pasa si abandonan tu marca debido a una mala experiencia?

Letras bien espaciadas y un diseño general ordenado son justo lo que necesita. No es un diseño ocupado. A nadie le gusta, no solo a las personas con discapacidad.

La tarjeta de presentación anterior incorpora todas las ideas anteriores sobre los ajustes tipográficos conscientes. Utiliza una fuente sans-serif simple en todas partes. El espaciado entre letras hace que el texto sea legible. Y como toque final, el código QR ayuda a crear el diseño híbrido perfecto. Escanear el código lo lleva a una tarjeta de presentación digital con enlaces al sitio web, páginas de redes sociales y enlaces de marcación directa. A todos los tipos de usuarios les encantará un diseño sensato centrado en el usuario como este.

Sugerencia de Kimp: ¿No sabe si la tipografía elegida es agradable a los ojos del lector? Escriba los siguientes caracteres uno al lado del otro-

• "i" mayúscula
• minúscula "l"
• Y el número "1"

Y para el tamaño de fuente, aléjese un poco del diseño y vea si puede leer el texto cómodamente sin tener que acercar el zoom. Obtenga algunas perspectivas diferentes de los miembros de su equipo y estará listo para comenzar.

¿Preocupado por hacer que la tipografía funcione? Ponte en contacto con el equipo de Kimp.

2. El contraste de color merece una atención especial

El contraste es un componente esencial en todos los diseños. El contraste de color es lo que te dice qué tan distintos son dos colores. Colóquelos uno al lado del otro o colóquelos uno sobre el otro en el primer plano y en el fondo, si los colores casi se mezclan, el contraste es demasiado menor. Un contraste pobre puede ser un dolor para todo tipo de personas. Y hace que el mensaje sea particularmente difícil de entender para las personas con problemas de visión.

Según The World Wide Web Consortium (W3C), se recomienda una relación de contraste de 4,5:1 o más entre el texto de primer plano y el fondo.

Al mismo tiempo, si el contraste es demasiado alto, aún puede causar muchas molestias. El siguiente ejemplo con el texto en verde sobre un fondo rojo es un buen ejemplo. El contraste es alto, pero la combinación puede ser pesada para los ojos.

Tampoco desea tener animaciones parpadeantes y parpadeantes que involucren colores de alto contraste. Estos pueden ser difíciles para las personas con sensibilidad a la luz.

Sugerencia de Kimp: en lugar de preguntarse si el rojo que eligió para la fuente se vería bien en un fondo gris, use una herramienta en línea como WebAIM Contrast Checker para averiguar la relación de contraste.

3. Tenga cuidado cuando use superposiciones de texto

Otro aspecto del diseño que debe evitar si desea crear un diseño accesible será colocar superposiciones de texto en fondos complicados. Cuando hay muchas cosas en segundo plano, incluso las fuentes más legibles a veces son difíciles de leer. Puede ser más difícil para las personas con dislexia, por ejemplo. Se estima que el 10% de la población tiene dislexia. Tus folletos de negocios, tarjetas de presentación o diseño de redes sociales deben ser fáciles de leer para ellos.

Los fondos complicados pueden tener la forma de fotos o fondos estampados. Si bien estos dos diseños son un excelente fondo, es posible que no siempre hagan justicia al texto que se encuentra en primer plano.

Para evitar esto, puede usar cuadros de texto o acentos que sean colores sólidos o translúcidos. Nuevamente verifique la relación de contraste entre el color de su fuente y el color del acento.

Por ejemplo, el diseño a continuación permite que las fotos brillen al mismo tiempo que hace que el texto sea fácil de leer.

Los problemas relacionados con el contraste pueden explotar, especialmente cuando se trata de aplicaciones como etiquetas de alimentos o etiquetas de medicamentos. Si el descargo de responsabilidad sobre alergias o la lista de ingredientes y las instrucciones de dosificación no son claras, el diseño del empaque puede ser un peligro para la seguridad de sus usuarios.

Por lo tanto, cuando se trata de aplicaciones como empaques en las que tiene un espacio limitado para trabajar, aquí tiene una idea para probar. Kellogg's presentó un diseño de empaque especial para personas con discapacidad visual. Hay un código en el paquete que las personas que usan lectores de pantalla pueden escanear para obtener ayuda. Esa es solo una forma de mantener su diseño híbrido y adecuado para todo tipo de audiencia.

4. Diseñar para los daltónicos

Elegir colores es una decisión estresante en sí misma. Pero, ¿y si tuviera que adaptarlo a usuarios daltónicos? La buena noticia es que muchas herramientas de diseño le permiten diseñar para personas con daltonismo.

Los tipos más comunes de daltonismo son la protanopia, la deuteranopia y la tritanopia. Cuando su usuario final no puede ver un color como diferente de otro, su decisión de usar diferentes colores para la fuente y el fondo o diferentes colores para capturar la jerarquía en una infografía resulta sin sentido.

Se estima que el daltonismo es más común entre los hombres caucásicos. Si eso describe a su público objetivo, entonces no hay discusión sobre la elección de paletas de colores seguras para daltónicos.

Herramientas como Adobe color le permiten verificar si su paleta de colores es segura para los daltónicos. Verá una simulación de cómo les aparecen los colores elegidos a las personas daltónicas y podrá identificar los colores que les parecen iguales. En la imagen de abajo, los colores donde aparecen las líneas horizontales son los colores que se parecen a los usuarios daltónicos. Manténgase alejado de combinaciones tan complicadas si busca un diseño accesible.

O, si desea verificar un diseño existente y hacerlo seguro para daltónicos, puede usar herramientas en línea como Coblis-Color Blindness Simulator para ver cómo se ve su diseño para un usuario daltónico.

Si su botón de CTA aparece y llama la atención de un usuario general, pero es casi invisible en el fondo para un usuario daltónico, todavía está perdiendo la marca. Cada usuario cuenta, cada interacción del usuario cuenta. Por lo tanto, elija los colores correctos.

Sugerencia de Kimp: en lugar de confiar solo en la jerarquía basada en colores, use el tamaño de fuente y otros elementos para aclarar las cosas.

5. Agregue subtítulos claros para videos y texto alternativo para imágenes

Recuerde que algunos de sus usuarios confían en los lectores de pantalla. Por lo tanto, es posible que su imagen no les sirva de nada a menos que use un texto alternativo relevante. Sí, tu texto alternativo hace más que ayudarte con el SEO. Ayuda a crear un diseño accesible para sus usuarios. Pero sí, manténgase en el punto, evitando largas descripciones.

El otro aspecto textual de las imágenes serán los subtítulos en los videos. No confíe en subtítulos generados automáticamente. Use superposiciones de texto para guiar a sus usuarios a través del video. En YouTube, puede crear capítulos para mejorar aún más las cosas. Y finalmente, agregue sus subtítulos en una fuente clara y legible que no se desvanezca en el fondo. Y recuerda que aquí tienes un fondo en movimiento.

Agregar subtítulos también lo ayuda a satisfacer las necesidades de las personas que prefieren ver sus videos en las redes sociales silenciados. Es una victoria de cualquier manera. El hecho de que las plataformas de redes sociales prioricen las funciones de accesibilidad, como LinkedIn, que recientemente agregó subtítulos automáticos para los videos, es un buen indicador de que es hora de tomar en serio el diseño accesible.

Simplifique el diseño accesible con Kimp

El diseño accesible en marketing tiene que ver con aprovechar el poder de las imágenes sin ignorar las dificultades y los requisitos de incluso uno de sus grupos de audiencia. De hecho, por un minuto, olvide el concepto de "grupos objetivo" y comprenda que se está comunicando uno a uno con un conjunto de personas únicas. ¡Eso cambia la forma en que miras los diseños de tu marca! Y si necesita ayuda para crear estos diseños accesibles para su marca, hágaselo saber a nuestros diseñadores y estaremos encantados de ayudarle a crear los mejores anuncios y publicaciones en las redes sociales para satisfacer las necesidades de la diversa demografía de sus clientes.

Regístrese ahora y pruebe una suscripción de Kimp gratis durante 7 días.

Artículos Relacionados