Krypton Solid

Introducción al diseño web inclusivo

Introducción al diseño web inclusivo

Una parte clave del diseño de sitios web exitosos para los clientes es asegurarse de que la mayor cantidad posible de usuarios finales puedan acceder y disfrutar de ese sitio.

Entonces, ¿qué pasaría si descubriera que alrededor de mil millones de personas no pueden disfrutar de sus diseños? Incluso si esas personas logran hacer clic en un enlace y visitar el sitio web que crea, es posible que no puedan comprender lo que se vende o navegar a la página de pago.

De acuerdo a estadísticas del Banco Mundial, hay mil millones de personas con discapacidad en todo el mundo. Eso es el 15% de la población total del mundo.

A pesar de esto, muchos diseñadores no tienen en cuenta a los clientes con diferentes capacidades al crear una aplicación o un sitio web atractivo. A menos que su cliente le diga explícitamente que está apoyando a clientes con discapacidades, es posible que ni siquiera piense en esos usuarios en absoluto.

Aprender a adoptar el concepto de diseño web inclusivo significa ofrecer mejores resultados a sus clientes; Cuantos más clientes puedan llegar a sus clientes, más elogios y críticas positivas recibirán sus diseños.

Entonces, ¿cómo introduce la accesibilidad en sus elecciones de diseño?

¿Qué es la accesibilidad del sitio web?

En términos generales, la inclusión se refiere a actividades o comportamientos que empoderan a las personas marginadas en la sociedad. Diseñar para la inclusión significa hacer que su contenido sea más accesible para cualquier persona que se enfrente a un problema mental o físico que pueda dificultarle el uso de un sitio tradicional.

En definitiva, la accesibilidad es uno de los principales objetivos de una estrategia de diseño inclusivo. Cuando hace que los sitios web o las aplicaciones sean más accesibles, modifica aspectos de su interfaz de usuario y código para que el sitio sea lo más accesible y utilizable posible para las personas con ciertas limitaciones.

De acuerdo con la Iniciativa de accesibilidad web, muchos sitios y herramientas web modernos están diseñados sin tener en cuenta las necesidades de las personas con discapacidades. Esto crea barreras de accesibilidad que hacen que los sitios web sean casi imposibles para algunas personas para usar.

Estos son solo algunos de los diferentes tipos de discapacidad que pueden afectar la forma en que los usuarios finales interactúan con un sitio web o una aplicación:

  • Problemas cognitivos: Afectar la comprensión y dificultar la navegación por los sitios;
  • Problemas auditivos: Evitar que los clientes escuchen videos y contenido de audio;
  • Problemas neurológicos: Hacer que ciertos términos y acciones sean más difíciles en su sitio;
  • Problemas físicos: Hacer que sea difícil deslizar o tocar ciertas herramientas;
  • Problemas del habla: Un problema común con los diseños de interfaz de usuario de voz;
  • Problemas visuales: Evitar una experiencia positiva en sitios muy visuales.

La accesibilidad web también puede contribuir a facilitar la vida de las personas que se encuentran con problemas en situaciones particulares. Por ejemplo, aquellos con problemas musculares pueden tener más dificultades para usar botones y enlaces en una pantalla pequeña.

Entonces, ¿cómo puede hacer que sus diseños sean más accesibles?

Conozca a su audiencia

Hay más en el diseño web inclusivo que hacer tus fuentes un poco más grandes y esperar lo mejor. Para ofrecer una experiencia verdaderamente accesible, necesita conocer a las personas y los grupos a los que se dirige su cliente. Dedicar algo de tiempo a analizar los personajes de los usuarios de sus clientes y hacerles preguntas sobre las personas con discapacidades puede ayudarlo a tomar decisiones informadas.

Por ejemplo, el Kit de herramientas de diseño inclusivo de Microsoft pide a los diseñadores que reconozcan la exclusión, examinen las partes de su sitio web que podrían ser inaccesibles y aprendan de la diversidad.

Antes de diseñar cualquier cosa, pregúntese si puede:

  • Abordar cualquier necesidad única, como problemas visuales o auditivos;
  • Reemplace las soluciones tradicionales con algo más exclusivo. Por ejemplo, en lugar de depender de los colores para resaltar una parte del texto, ¿podría utilizar el peso de la fuente? Esto podría ser ideal para alguien con daltonismo;
  • Cree algo que atraiga a los clientes con y sin discapacidades.

Diseñe un diseño limpio y claro

Cualquier diseño de sitio web debe centrarse primero en la claridad.

Ya sea que esté diseñando para la inclusión o no, el objetivo debe ser brindar una experiencia lo más simple y directa posible, evitando cualquier pecado de diseño web en el camino.

Por ejemplo, a nadie le gusta un diseño desordenado lleno de señales de navegación irrazonables. Necesita un sitio lleno de enlaces comprensibles, botones en los que sea fácil hacer clic en cualquier pantalla y fuentes grandes que sean fáciles de leer.

Siempre que esté creando un nuevo elemento para un sitio web o una aplicación, pregúntese cómo puede facilitarles la vida a los clientes de todos los orígenes. Por ejemplo, Parque Parramatta utiliza un contraste excelente, fuentes claras y un tamaño de elemento ideal para garantizar que su sitio web se sienta lo más fácil de usar posible para los clientes.

Observe cómo los botones son claros y fáciles de presionar. Los colores son brillantes y atractivos en cualquier pantalla, y la navegación también es fácil de seguir. Recuerde, cuando esté diseñando un prototipo inclusivo:

  • Pruebe las opciones de navegación y asegúrese de que sean fáciles de usar;
  • No sobrecargue la pantalla, recuerde que menos es más al reducir la carga cognitiva;
  • Asegúrese de que su diseño sea fácil de usar en cualquier pantalla.

Simplificar el lenguaje

Los elementos visuales de un sitio web inclusivo deben ser lo más simples y fáciles de entender posible. Sin embargo, es importante no olvidarse también de la forma en que maneja la palabra escrita.

El uso de términos simples en lugar de la compleja jerga de la industria puede marcar una gran diferencia para quienes tienen problemas de lectura. También hay tipografía en la que pensar, desde el color y el contraste de tus palabras con el fondo elegido hasta la claridad de la fuente.

Recuerde, el diseño subóptimo con imágenes y lenguaje también afecta a quienes no tienen discapacidades. Seguir las reglas básicas para simplificar ofrece una mejor experiencia para cualquiera que visite su sitio.

Asegúrese:

  • Subrayar, negrita o cambiar el tamaño de los enlaces para el contraste visual;
  • Aplique el espaciado de línea adecuado con alrededor de 1,5 veces el tamaño de fuente;
  • Habilite el espaciado de párrafo consistente;
  • Utilice un lenguaje sencillo para reducir la carga cognitiva;
  • Describa las abreviaturas cuando las use;
  • Utilice títulos claramente redactados para estructurar el contenido de manera lógica;

Mire las opciones de diseño para texto en el Nomensa sitio web, por ejemplo. Un montón de espacio en blanco hace que el contenido sea más fácil de leer. Las palabras simples son comprensibles y atractivas. Incluso la elección de la fuente imita el logotipo a la vez que ofrece legibilidad.

Optimizar los colores del diseño web

Las tendencias de diseño web inclusivo vendrán y se irán. Sin embargo, el color y el contraste siempre serán fundamentales para sus decisiones.

Asegurarse de que sus elementos de diseño cumplan con las relaciones de contraste de color mínimas definidas por WCAG significa que está respaldando la legibilidad para los usuarios con discapacidad visual y mejorando las experiencias para los clientes que no tienen discapacidad visual también.

Para los diseñadores que necesitan ayuda adicional en esta área, herramientas como Rígido ayudar a medir el contraste de color. Esta herramienta también ofrece una gama de otras herramientas destinadas a respaldar la accesibilidad también.

Recuerde, la proporción mínima a la que necesita acceder dependerá del elemento que esté diseñando. WCAG recomienda las siguientes pautas:

  • Relación de 3: 1 para objetos gráficos (cuadros);
  • Relación 3: 1 para enfoque, estados activos y desplazamiento;
  • Relación de 3: 1 para elementos en los que se puede hacer clic y componentes de formulario.

Mientras trabaja en sus estrategias de contraste de color con aplicaciones como Stark, asegúrese de considerar también las necesidades de los usuarios con daltonismo. El 4.5% del mundo no ve el color de la misma manera que todos los demás. Si le resulta difícil lograr el contraste correcto mientras se adhiere a las pautas de marca de su cliente, intente subrayar y resaltar también los elementos.

Considere elementos de video y audio

Finalmente, en estos días, más empresas están optando por incorporar contenido de video y audio en sus sitios. Estas herramientas visuales y auditivas pueden ofrecer información útil sobre una marca y lo que hace. Sin embargo, podría tener dificultades para entregar información vital a algunos clientes solo a través de video y audio.

Los subtítulos para el contenido de video pueden ser esenciales para las personas con pérdida auditiva. Es posible que deba pensar en agregar transcripciones a videos pregrabados a los que puedan acceder las personas con discapacidad auditiva. Estas transcripciones y subtítulos también son útiles para cualquier persona que no tenga acceso al audio en teléfonos inteligentes o computadoras.

Las transcripciones también pueden ayudar a las personas con discapacidades visuales al brindarle a una herramienta de conversión de texto a voz algo para describir a su usuario. De esa manera, todos obtienen información útil. Mirar este video subtitulado de la Universidad de Washington, por ejemplo. Garantiza que todos puedan comprender lo que sucede en el contenido. Si agrega transcripciones a las páginas de su sitio web para los clientes, también podría ayudarlos a beneficiarse de un SEO mejorado. Las transcripciones brindan más oportunidades de clasificación de palabras clave que los videos y podcasts por sí solos.

Diseño para la accesibilidad primero

Para que los diseñadores se destaquen en la entrega de entornos de interfaz de usuario verdaderamente inclusivos, deben ser tan buenos en la creación de sitios web para personas con discapacidades como en la creación de interfaces para personas como ellos. Como diseñadores, intentamos ser lo más inclusivos posible, pero es fácil quedar atrapado pensando en hacer que un sitio web sea más fácil de usar para nosotros.

Si puede ponerse en el lugar de alguien que no es como usted y pensar primero en necesidades poco comunes, es posible que descubra que ofrece una experiencia más sólida y atractiva para cada usuario.

Por ejemplo, en lugar de diseñar un sitio web para alguien con las mismas necesidades visuales que usted, y luego pensar en hacer ajustes para las personas con daltonismo o problemas de visión, piense primero en las necesidades de las personas con discapacidades.

Puede obtener más información sobre cómo priorizar las necesidades poco comunes consultando la publicación del blog de Vasilis Van Gemert en el «Método de crisis. »

La accesibilidad es buena para los negocios

El diseño web inclusivo, o el diseño para la accesibilidad, se trata de maximizar la audiencia potencial que sus clientes pueden ganar. Cualquiera que sea la situación en la que se encuentren los usuarios finales, debe asegurarse de aprovechar el diseño inclusivo.

Si puede demostrarles a sus clientes que puede satisfacer las necesidades de todos los clientes, puede desbloquear una audiencia mucho más amplia y muchas más oportunidades.

Deja un comentario