El trabajo de los diseñadores va mucho más allá de hacer que un sitio web se vea bonito.
De hecho, crear experiencias web accesibles es una de las contribuciones más valiosas que puede hacer un diseñador. Como dijo el artista italiano Bruno Munari: “Un diseñador es un planificador con sentido estético”.
Cómo pueden los diseñadores hacer que su trabajo sea más accesible y por qué es importante fue uno de los temas tratados en Webflow Conf 2022. Mirela Prifti, cofundadora de Matechs, y Carmia Weideman, directora creativa de Approachable Systems, compartieron sus métodos para centrarse en la experiencia del usuario y cómo contar con las herramientas adecuadas puede convertir este proceso en un hábito intencional en lugar de una tarea tediosa.
Aquí tienes algunas de sus conclusiones que puedes aplicar a tu propio trabajo de diseño.
Una web más accesible es buena para todos
El diseño accesible es, ante todo, un enfoque centrado en las personas. Es la práctica de hacer que un sitio web sea utilizable por la mayor cantidad de gente posible. Tu usuario es tu cliente, y poder navegar por tu sitio para explorar lo que ofreces debería ser una experiencia fluida para todos. Y aunque hacer que la web sea accesible para todos es lo correcto, también es algo que tendrá un impacto positivo en tu negocio.
Llega a más usuarios
Cuando los sitios no están optimizados para la accesibilidad, se excluye a grupos enteros de usuarios. Si olvidas añadir texto alternativo a tus imágenes, por ejemplo, las personas con discapacidad visual no podrán disfrutar de la experiencia completa que has creado. Y cuando la gente no se siente bienvenida en un espacio —ya sea físico o digital—, es menos probable que vuelva. “El diseño visual no está completo sin la accesibilidad”, afirma Carmia. “No estás aprovechando todo el potencial de la web si no llegas a todos los usuarios posibles”.
Ofrece una mejor experiencia
Hay muchos elementos de diseño que parecen puramente visuales, pero que en realidad ayudan a los usuarios a navegar por tu sitio con mayor facilidad. Dado que los elementos de diseño, tanto de texto como los que no lo son (como los iconos), están pensados para ayudar a los usuarios a entender cómo completar acciones en tu sitio, debes asegurarte de que sean lo más accesibles posible. Por ejemplo, un elemento de navegación nunca debería describirse en el texto alternativo simplemente con características sensoriales como “el botón azul”, ya que no es una instrucción útil para todos los usuarios. En cambio, considerar aspectos como un diseño coherente y directo en todas las páginas o asegurarse de que todos los controles tengan estados definidos hace que la navegación sea fácil de encontrar y evidente al seleccionarla. Haz que sea sencillo para cualquiera moverse por tu sitio web.
Mejora el rendimiento de tu sitio
La accesibilidad no solo mejora la experiencia del usuario, sino que también puede tener implicaciones comerciales positivas. Por ejemplo, cuanto más accesible sea tu sitio, mayor será su valor SEO. Utiliza un panel de auditoría, que señala aspectos como la falta de texto alternativo en imágenes o enlaces descriptivos que no funcionan, para asegurarte de que no pasas por alto elementos clave que podrían afectar a tu rendimiento en Google o a la funcionalidad de tu sitio. “Recibimos clientes potenciales importantes a través de los formularios de nuestro sitio, y necesitamos asegurarnos de que funcionen al 100%”, comenta Carmia. “Esto incluye hacer que sean fáciles de entender y de completar para que el envío sea exitoso”.
Aprovecha las herramientas adecuadas
Para crear experiencias web accesibles sin tener que renovar todo tu sitio web, necesitas las herramientas adecuadas. Tanto Mirela como Carmia utilizan Webflow en sus organizaciones debido al conjunto de herramientas y funciones integradas de la plataforma, que ayudan a los diseñadores a abordar todas las áreas de la accesibilidad web sin necesidad de saber programar.
Utiliza herramientas como Webflow para mejorar la accesibilidad de los siguientes elementos:
Color y tipografía
El contraste de color es una preocupación importante en el diseño accesible. Webflow cuenta con herramientas integradas para ayudar a los diseñadores a probar dónde se sitúa su contraste en el espectro, algo esencial para las personas daltónicas. Del mismo modo, para otras discapacidades visuales, Webflow ofrece una lente de visión borrosa que ayuda a los diseñadores a probar sus tipografías para garantizar que sean legibles en el tamaño elegido.
Comprensión lectora y diseño de página
Un redactor debería revisar siempre el contenido para garantizar la legibilidad y la claridad para la mayor base de usuarios posible. La forma en que se muestra el contenido puede desempeñar un papel clave a la hora de transmitir mensajes de manera eficaz. Las plantillas de Webflow ayudan a los diseñadores a señalar qué es lo más importante y a garantizar que la información esté colocada de forma lógica para que los usuarios la encuentren. “Esto mejora el flujo semántico”, dice Mirela. “El estilo siempre debe seguir un significado estructural lógico”.
Adaptabilidad móvil
No todos los problemas de acceso tienen que ver con capacidades físicas o mentales. El acceso también consiste en optimizar todas las formas en que las personas pueden entrar a tu sitio, según la tecnología de la que dispongan. Webflow permite un diseño adaptativo para que las versiones para móvil, tableta y escritorio de tu sitio se puedan editar juntas con facilidad. “La adaptabilidad móvil es algo en lo que me centro mucho para el rendimiento de mi web”, comenta Carmia. “Como vengo de Sudáfrica, sé que no todo el mundo tiene un ordenador de sobremesa, así que esto es esencial para los usuarios que solo usan el móvil”.
Crea directrices para tu equipo
“No existe tal cosa como construir un sitio web 100% accesible todo el tiempo”, dice Mirela. Por eso es importante que los líderes guíen a sus equipos, establezcan parámetros y estructuras, y permitan que los procesos automatizados ayuden a los diseñadores a crear experiencias web accesibles de la forma más sencilla posible.
Asigna responsabilidades
Para hacer que un sitio web sea más accesible, cada función y página debe considerarse cuidadosamente, y cada área debe tener un responsable. “La accesibilidad es un esfuerzo de equipo”, explica Mirela. Los redactores pueden encargarse del texto alternativo, los diseñadores de UX/UI pueden supervisar el contraste de color y los diseñadores pueden ocuparse de la navegación y las auditorías del sitio. Tener una visión clara de todas las áreas que deben considerarse y asegurarse de que las personas pertinentes sean responsables de cada una garantizará que todos los aspectos del diseño estén cubiertos.
Crea sistemas
Crear una experiencia web más accesible para tus usuarios no es algo de una sola vez: los cambios que hagas deben ser sostenibles. Incorporar sistemas y automatización a tus procesos es una forma de lograrlo. “Es importante crear sistemas que apoyen y faciliten la accesibilidad de nuestros proyectos a largo plazo”, afirma Mirela. Del mismo modo, exponer esos sistemas con claridad eliminará cualquier sesgo inconsciente que pueda surgir en la fase de diseño. “No te bases en preferencias personales”, dice Carmia. “Proporciona directrices”.
Establece controles y equilibrios
Incluso con toda la planificación del mundo, es fácil pasar por alto algo pequeño que podría marcar una gran diferencia. Herramientas como el panel de auditoría de Webflow muestran cuándo a las páginas les faltan elementos como enlaces descriptivos. Otras herramientas, como las <aux translate="no">annotations</aux>, ayudan desde las primeras etapas al establecer un estándar de referencia. “Incluso si utilizas tus propios sistemas de directrices sencillos, siempre puedes aprovechar las anotaciones para proporcionar una base para el diseño y el desarrollo accesibles”, señala Carmia.
La mejor experiencia web es la accesible
Cuando los diseñadores disponen de las herramientas necesarias para crear no solo algo bonito, sino algo que funcione para todo el mundo, la experiencia web mejora exponencialmente. Eso es parte de lo que aportan las páginas web accesibles: no solo son el enfoque más inclusivo, sino que también crean una experiencia más agradable visualmente y fácil de usar. “Diseña pensando en la accesibilidad, no como una ocurrencia tardía o un elemento de una lista de verificación”, dice Carmia.
Ahora que esperamos haberte convencido de diseñar pensando en la accesibilidad, descubre cómo Webflow puede ayudarte a hacerlo.
Accesibilidad en Webflow
Descubre nuestro compromiso con la accesibilidad web y cómo puedes crear experiencias en línea más inclusivas.
