Desde los servicios de banca electrónica hasta las visitas virtuales al médico, las experiencias cotidianas se están trasladando rápidamente al ámbito digital, por lo que es más necesario que nunca crear experiencias digitales que sean accesibles para todos. Aunque la mayoría de los diseñadores están de acuerdo en que diseñar teniendo en cuenta la accesibilidad es lo correcto, estos esfuerzos tienden a quedar en segundo plano cuando el tiempo y los recursos son escasos.

La accesibilidad, o la garantía de que todos los visitantes puedan acceder a un sitio web u otros contenidos digitales sin barreras, independientemente de su condición, es el resultado de un diseño inclusivo, en el que se tiene en cuenta una amplia gama de necesidades en el diseño final. Este enfoque de la experiencia del usuario y del diseño da sus frutos a largo plazo, ya que permite crear productos digitales fáciles de usar y eficientes para todos. 

Un ejemplo común de diseño inclusivo es garantizar un contraste de color suficiente en las interfaces. Y aunque es esencial tener el contraste de color adecuado para que el texto sea fácil de leer, esto sólo cubre una parte del diseño. La realidad es que hay varios roles de diseñador en una organización que tienen diferentes responsabilidades, que varían de un equipo a otro. La definición de "diseño" depende realmente de lo que la persona esté diseñando: el contenido, el diseño y la estructura de la página, las opciones de color para los enlaces, el texto, los botones y los iconos.

Entonces, ¿cuál es exactamente el papel del diseñador en este proceso? ¿Y qué aspecto tiene el diseño de la accesibilidad en equipos con estructuras organizativas y procesos de trabajo diversos?

Para entender el papel del diseño, veamos primero cómo colaboran los diseñadores con los miembros del equipo en diferentes funciones.

La clave es asignar funciones y responsabilidades claras

El diseño de experiencias digitales accesibles es un esfuerzo de la colaboración entre diseñadores, desarrolladores, gestores y otras funciones del equipo. Con tantas personas interesadas en el proceso de diseño y desarrollo, es fácil que las funciones y las responsabilidades sobre la accesibilidad se confundan.

Para que cualquier iniciativa de accesibilidad tenga éxito, el equipo debe tener claro qué responsabilidades y tareas de accesibilidad corresponden a cada función. Aquí es donde entra en juego el marco de asignación de funciones y responsabilidades de accesibilidad (ARRM).

El marco de asignación de funciones y responsabilidades de accesibilidad

Desarrollado por el World Wide Consortium (W3C), el marco ARRM es un recurso que guía a los miembros del equipo en la comprensión de los problemas de accesibilidad y sus correspondientes tareas. Este marco permite a los miembros del equipo asumir su papel en la aplicación de los cambios de accesibilidad.

Utilizando un diagrama de decisiones para ayudar en el proceso, los equipos pueden asignar un tipo de función a cada tarea de accesibilidad, o lo que ellos llaman un punto de control:

  • Propietario principal
  • Propietario secundario
  • Colaborador

El W3C desglosa aún más cada tarea de accesibilidad en roles funcionales: Diseño de la experiencia del usuario (UX), diseño visual, autor del contenido, desarrollador de front-end.

Es importante tener en cuenta la distinción que hace el W3C entre el diseño UX y el diseño visual. Repasemos las diferencias que definen las funciones de diseño UX y diseño visual dentro de la accesibilidad digital.

Diagrama de Venn que compara el diseño UX y el diseño visual: El diseño UX resuelve los problemas del usuario final, mientras que el diseño visual diseña elementos estéticos, pero ambos crean una gran experiencia de usuario.

Un diagrama de Venn comparando diseño UX y diseño visual: UX soluciona problemas de usuario mientras que el diseño visual hace diseños estéticos. Juntos crean una gran experiencia de usuario.

Diseño UX frente a diseño visual

Los diseñadores tienen el objetivo común de crear experiencias de usuario significativas. Sin embargo, los diseñadores de UX y los diseñadores gráficos afrontan ese objetivo desde perspectivas diferentes.

An illustration of computer screen and mobile screen highlighting how UX design focuses on user journey

Diseño UX

Los diseñadores de UX examinan el recorrido completo del usuario para descubrir cualquier problema que encuentre al interactuar con un sitio web u otro producto digital. A continuación, utilizan esta información para encontrar soluciones prácticas que mejoren la usabilidad.

El papel del diseño UX en la accesibilidad

El W3C describe las principales responsabilidades del diseño de la experiencia del usuario:

  • Mapas de procesos/flujos de trabajo del usuario
  • Pruebas de usabilidad
  • Entrevistas y análisis de usuarios
  • Asignación de tareas y flujos de trabajo del usuario
  • Creación y mantenimiento de personajes de usuario

Como puedes ver, una parte importante de la accesibilidad web son las pruebas de usuario. Las pruebas de usuario son una forma eficaz de comprobar manualmente si tu sitio web o tus productos digitales presentan problemas de accesibilidad.

El diseñador de UX no desconoce la importancia de la investigación de usuarios, ya que desempeña un papel fundamental en la obtención de información sobre el recorrido del usuario. Por lo tanto, diseñar un recorrido del usuario teniendo en cuenta la accesibilidad consiste en ampliar el alcance a diferentes tipos de usuarios, como los usuarios con baja visión, y a las herramientas y dispositivos adicionales que puedan necesitar.

Por ejemplo, si te aseguras de que tus usuarios tienen múltiples opciones (migas de pan, barras de progreso, mapa del sitio) para navegar por tu sitio web, te aseguras de que todos los que lo visiten tengan una experiencia fluida y lleguen a su objetivo, independientemente de que utilicen un ratón, un teclado o un magnificador de pantalla para navegar por tu sitio.

An illustration showing examples of visual design tasks, such as color contrast in text and images

Diseño visual

Los diseñadores visuales trabajan con los elementos visuales de los productos digitales, como imágenes, iconos y otros gráficos, para atraer al usuario e interactuar con él. Dado que el 94% de las primeras impresiones están relacionadas con el diseño y que el 75% de los comentarios sobre la fiabilidad de un sitio web se basan en su estética general, se puede afirmar que la estética no es sólo una cuestión de apariencia.

El diseño visual refleja la marca de su organización y puede suscitar la reacción adecuada del usuario.

El papel del diseño visual en la accesibilidad

El W3C describe las principales responsabilidades del diseño visual como

  • Estilo visual
  • Logotipos y marcas
  • Diseño de animaciones e iconografía

Como ya se ha mencionado, el contraste de colores es un factor importante del diseño visual que puede ayudar a que los sitios web sean accesibles para las personas con baja visión. La información visual, como los gráficos y las infografías, tampoco debe basarse únicamente en el color para transmitir la información, ya que esto crea una barrera para los usuarios ciegos que dependen de tecnologías de asistencia como los lectores de pantalla.

Aparte de las imágenes, también hay tareas relacionadas con la navegación que entran en el ámbito del diseño visual, como garantizar que haya indicadores visuales de enfoque para quienes utilizan un teclado para navegar por un sitio web.

Diseñar en función de la accesibilidad como diseñador visual establece nuevas directrices a las que ceñirse, pero esto no limita tu creatividad. Si te aseguras de que tu diseño visual es accesible, llegarás a más gente y atraerás a un grupo de usuarios más diverso de lo que nunca podrías haber hecho.

Herramientas y recursos para empezar

Ahora que tienes una idea más clara de cuál es tu papel como diseñador, tanto si trabajas en diseño UX como en diseño visual o en ambos, es el momento de aprender más sobre la accesibilidad y empezar a planificar tus objetivos.

Hay muchos recursos para empezar.

El W3C también tiene muchos recursos para el diseño de la accesibilidad web. Y recuerda que nadie se convierte en un experto en accesibilidad de la noche a la mañana. La accesibilidad es un viaje hacia un panorama digital en el que todo el mundo pueda disfrutar de una experiencia online de calidad sin limitaciones.