Cómo integrar la accesibilidad en tu proceso de diseño: consejos de profesionales

Descubre cómo los diseñadores profesionales abordan la accesibilidad y aprovecha sus consejos para integrarla en tu flujo de trabajo de diseño.

Cómo integrar la accesibilidad en tu proceso de diseño: consejos de profesionales

Rease Rios
Gerente sénior de marketing de contenidos
Ver perfil del autor
Rease Rios
Gerente sénior de marketing de contenidos
Ver perfil del autor
Índice de contenidos

En Webflow, nos esforzamos por capacitar a nuestros equipos y clientes para crear experiencias web accesibles, y reconocemos que el compromiso de nuestros clientes con la accesibilidad es fundamental para hacer de la web un lugar mejor para todos.

Este año, con motivo del Día Mundial de Concienciación sobre la Accesibilidad (GAAD), nos pusimos en contacto con nuestra comunidad para conocer mejor su visión sobre la accesibilidad en el diseño y obtener sus consejos sobre cómo incorporarla en el proceso creativo.

¿Qué significa la accesibilidad al diseñar?

La accesibilidad puede significar cosas distintas según el contexto e incluso la persona, por lo que pedimos a los participantes de nuestra encuesta que compartieran qué significa para ellos la accesibilidad al diseñar.

Dos diseñadores afirman que la accesibilidad significa "diseñar para todos", lo cual resume a la perfección el objetivo del diseño accesible. Otros se centran en cómo las distintas personas experimentan la web.

“Pienso en las personas que desean el producto, pero se encuentran con barreras”, comenta Taisa Sevenard, diseñadora UI/UX. En la misma línea, Rachel Sikes, gerente de diseño de marketing y UX en QR Rails, señala: “Pienso en personas como yo con TDAH, mis amigos con dislexia o epilepsia, o mi abuela con problemas de visión”.

Arthur Norwood, director de marketing en Spaulding Decon, subraya la importancia de considerar el espectro completo de la accesibilidad web: “Significa mucho más que solo contraste de color y legibilidad de fuentes. La accesibilidad web integra toda la interfaz de usuario (UI) y la experiencia de usuario (UX)”. Arthur añade: “Se trata de crear elementos responsivos en tu sitio web que sean fáciles de usar, rápidos de encontrar y que guíen a cada visitante a través de una ruta de acción claramente definida”.

Independientemente de cómo definas la accesibilidad en el diseño, convertirla en una prioridad es crucial tanto para el negocio para el que diseñas como para las personas que quieres convertir en clientes.

Cómo integrar la accesibilidad en tu proceso de diseño

Mejora tu flujo de trabajo asegurándote de que la accesibilidad esté presente en cada paso del camino.

Busca recursos para seguir formándote continuamente

Empieza por aprender qué afecta a la accesibilidad en la web. Familiarizarte con las diversas discapacidades y los factores a tener en cuenta al diseñar te ayudará a construir de forma más consciente durante todo el proceso.

Lee las pautas de diseño de accesibilidad y explora listas de verificación de auditoría de accesibilidad como la lista de verificación de accesibilidad de Webflow, Google Lighthouse accessibility y las Pautas de Accesibilidad para el Contenido Web (WCAG). Cuando sabes qué buscan las auditorías, puedes anticiparte a estas necesidades e incorporarlas en tus proyectos mucho antes de la auditoría final.

Como material de lectura, la diseñadora freelance Ankita Gupta recomienda las Pautas de usabilidad para el diseño web accesible del Nielsen Norman Group y Las personas con discapacidad e Internet de la Joseph Rowntree Foundation.

Probar y experimentar la web como lo haría otra persona es otra forma excelente de aprender sobre diseño accesible. Maria Karavá, desarrolladora de Webflow y coach en Flux Academy, utiliza varias herramientas para ello, como la herramienta de evaluación WAVE, el IBM Equal Access Accessibility Checker y el lector de pantalla de Mac, VoiceOver.

Akshay Mishra, desarrollador de Webflow en Everything.design, destaca la importancia de diseñar para todos: “Ten presente la accesibilidad mientras diseñas; crear una gran experiencia de usuario puede hacerle la vida más fácil a alguien”.

Considera la accesibilidad durante todo el proceso de diseño, no solo al final

La accesibilidad no es algo que se añade al final del proyecto; debe ser una fuerza impulsora durante todo el proceso. “La accesibilidad debe considerarse antes de construir”, dice Ankita Gupta, “debe empezar con el diseño”.

Cuando la accesibilidad es una ocurrencia tardía, solo hace que los proyectos sean más complejos y frustrantes. Dejar las consideraciones de accesibilidad para el final puede resultar en correcciones de última hora, rehacer aspectos del proyecto y, en general, complicar —y retrasar— la construcción.

Rachel Sikes señala que cuando tienes que rehacer un proyecto, también debes justificar ese tiempo y coste extra ante tus partes interesadas. «Piensa en las personas y en la accesibilidad desde el primer día», aconseja.

Si trabajas en Webflow, puedes aprovechar la funcionalidad integrada como el panel de Auditoría, el analizador de contraste de color, la herramienta de vista previa de visión y más.

En cualquier momento durante la creación, puedes abrir el panel de Auditoría para revisar y corregir errores de accesibilidad, como imágenes a las que les falta texto alternativo o contenido que rompe la jerarquía de encabezados al saltar de H1 a H3, por ejemplo. También puedes usar el analizador de contraste de color para comprobar las calificaciones de éxito y fallo de las WCAG, o usar la herramienta de vista previa de visión para simular visión borrosa y varios tipos de daltonismo.

Prepárate para hablar de accesibilidad con las partes interesadas clave

Incorporar la accesibilidad a tu flujo de trabajo es un esfuerzo continuo, y es probable que te encuentres con clientes y partes interesadas que prioricen las consideraciones de accesibilidad de forma distinta. Prepárate para explicar tu metodología y presentar los beneficios a las partes interesadas clave.

Cuando los clientes se resisten a la necesidad de un diseño accesible, Maria Karavá dice que orienta la conversación hacia la mejora general del sitio y llegar a más personas en línea. «Les explico que les beneficiará a largo plazo porque ayudará con el SEO o les conseguirá más clientes».

Rachel Sikes también señala que el tiempo y el presupuesto suelen ser obstáculos para los clientes, por lo que refuerza la táctica de usar herramientas de accesibilidad mientras diseñas, no después. «Si puedes automatizar o encontrar herramientas que te ayuden en el camino, esto se integrará en el proceso de diseño, no tomará tiempo extra y ampliará su base de usuarios», afirma.

Lo ideal sería que las partes interesadas priorizaran siempre el diseño accesible, porque todo el mundo merece la oportunidad de consumir e interactuar con el contenido en línea, y eso debería formar parte de tu discurso sobre los esfuerzos de accesibilidad. Pero, en última instancia, el diseño accesible beneficia a todos. Cuando tus aplicaciones, sitios web y diseños se crean pensando en la accesibilidad, tienes la oportunidad de llegar a más clientes potenciales y conectar con ellos.

Continúa tu viaje con el diseño accesible

Recuerda, la accesibilidad no es algo opcional, es imprescindible. Sigue formándote, amplía tu conciencia y esfuérzate por hacer del diseño accesible el estándar. Practica la creación de contenido inclusivo, sigue a defensores de la accesibilidad y haz que la accesibilidad sea una parte crucial de tu flujo de trabajo de diseño.

Accesibilidad en Webflow

Descubre nuestro compromiso con la accesibilidad web y cómo puedes crear experiencias en línea más inclusivas.

→
↗
►
↓
←
↑
Leer ahora

Última actualización
May 18, 2023
Categoría

Artículos relacionados

Mejora del diseño visual con la accesibilidad web
Mejora del diseño visual con la accesibilidad web

Mejora del diseño visual con la accesibilidad web

Mejora del diseño visual con la accesibilidad web

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Conoce a Alexa Heinrich, defensora de la accesibilidad
Conoce a Alexa Heinrich, defensora de la accesibilidad

Conoce a Alexa Heinrich, defensora de la accesibilidad

Conoce a Alexa Heinrich, defensora de la accesibilidad

Diseño
Por
Rease Rios
,
,
Leer artículo
Cómo optimizar la accesibilidad web para el éxito empresarial
Cómo optimizar la accesibilidad web para el éxito empresarial

Cómo optimizar la accesibilidad web para el éxito empresarial

Cómo optimizar la accesibilidad web para el éxito empresarial

Desarrollo
Por
Equipo de Webflow
,
,
Leer artículo
Cómo escalar la accesibilidad en Webflow
Cómo escalar la accesibilidad en Webflow

Cómo escalar la accesibilidad en Webflow

Cómo escalar la accesibilidad en Webflow

Ingeniería
Por
Tyler Hawkins
,
,
Leer artículo
5 formas en las que el contenido puede mejorar la accesibilidad de tu sitio web y su experiencia de usuario general
5 formas en las que el contenido puede mejorar la accesibilidad de tu sitio web y su experiencia de usuario general

5 formas en las que el contenido puede mejorar la accesibilidad de tu sitio web y su experiencia de usuario general

5 formas en las que el contenido puede mejorar la accesibilidad de tu sitio web y su experiencia de usuario general

Estrategia
Por
John Moore Williams
,
,
Leer artículo
Darle al diseño un lugar en la mesa de decisiones
Darle al diseño un lugar en la mesa de decisiones

Darle al diseño un lugar en la mesa de decisiones

Darle al diseño un lugar en la mesa de decisiones

Estrategia
Por
Leah Retta
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.