Hablemos de accesibilidad en productos digitales

Si ya tienes un producto digital o estás planificando crear uno nuevo, es impor tante tener en cuenta los estándares de accesibilidad para que este pueda ser utilizado por todo tipo de personas, con o sin discapacidades, eliminando las barreras que puedan encontrarse en un entorno digital y facilitando el uso de tu producto o ser vicio de manera universal.

¿Y qué es la accesibilidad?

Según la organización W3C, la “accesibilidad web significa que sitios web, herramientas y tecnologías están diseñadas y desarrolladas de tal manera que las personas con discapacidades pueden usarlas. Más concretamente, las personas pueden: percibir, comprender, navegar e interactuar con la web y contribuir a la web”.

La accesibilidad web tiene en cuenta todas las posibles discapacidades que puedan tener nuestros usuarios, ya sean auditivas, cognitivas, neurológicas, físicas, del habla o visuales.

Pero cuando se trata de accesibilidad, no solo hablamos de discapacidades. También hablamos de que nuestra web o producto digital sea capaz de adaptarse de forma adecuada a la persona y al entorno en el momento de su uso.

Sobre cómo afecta el entorno, podemos pensar en lugares con mala iluminación o con mucho ruido. Si pensamos en la iluminación, debemos tener en cuenta el contraste de nuestra interfaz. Una interfaz con poco contraste entre sus elementos y en un entorno poco iluminado dificultará sobremanera la legibilidad y comprensión por parte del usuario que la esté utilizando. También influyen otros factores como, por ejemplo, si el usuario se encuentra sentado o en movimiento cuando está utilizando nuestro producto.
Imagina que hemos quedado con un amigo para ir al cine y vamos caminando por la ciudad con un poco de prisa porque llegamos tarde y en un día muy soleado. Nuestro amigo nos pide que compremos las entradas en la web del cine porque él también va a llegar muy justo al comienzo de la película. La web del cine, además de tener los textos de los horarios y opciones a un tamaño muy poco legible, tiene los botones de acción para comprar la película minúsculos y muy pegados unos a otros. La tarea de completar la compra puede resultar bastante más difícil que si estuviéramos sentados y quietos en un entorno con una luz más amable.

Estos ejemplos muestran que la accesibilidad no solo depende de las capacidades del usuario, sino también del contexto en el que utiliza el producto.

Resumiendo, nuestra web, app o cualquier producto digital debería facilitarle al usuario la tarea, sin importar su condición, entorno o contexto.

The A11Y Project es una iniciativa de código abierto que proporciona recursos y herramientas para mejorar la accesibilidad web, ayudando a crear sitios inclusivos para personas con diversas discapacidades.

Los estándares de accesibilidad: WCAG

Las Pautas de Accesibilidad para el Contenido Web (WCAG) son una serie de estándares internacionales desarrollados por el W3C (World Wide Web Consortium). Su objetivo es hacer que los sitios web, aplicaciones y contenidos digitales sean accesibles para todas las personas, incluidas aquellas con discapacidades visuales, auditivas, motoras, cognitivas o neurológicas.
Estas pautas están organizadas en cuatro principios fundamentales que garantizan que los productos digitales sean perceptibles, operables, comprensibles y robustos.

Para medir la accesibilidad de un sitio web, se utilizan 3 niveles de accesibilidad: A, AA y AAA, donde el nivel A es el más básico y se va volviendo más estricto hacia los niveles superiores.

Nivel A de accesibilidad

Este nivel cubre los problemas de accesibilidad más críticos, aquellos que impiden que algunas personas usen el sitio por completo. Cumplir con nivel A significa que el contenido es algo accesible, pero aún deja barreras importantes y no deberíamos conformarnos con ello.

Entre los requisitos para alcanzar el nivel A se encuentran:

–Que todas las imágenes lleven texto alternativo (alt) para que las personas con discapacidad visual puedan leer la descripción de las imágenes utilizando un lector de pantalla.

–Evitar contenido que pueda provocar convulsiones.

–Posibilidad de navegación por teclado y sin necesidad de ratón.

–No depender solo del color para transmitir la información.

Nivel AA

Aquí la cosa se va poniendo un poco más estricta, pero es recomendable hacer los esfuerzos necesarios para que nuestro producto digital alcance este nivel de accesibilidad. Además, algunas legislaciones, como la ADA en EE. UU., exigen este nivel de accesibilidad en productos digitales.

¿Y qué necesita nuestro producto digital para cumplir con los estándares del nivel AA? Aquí van algunos ejemplos:

–Buen contraste entre textos y fondos. Elegir una paleta de color que contraste de forma adecuada entre textos y fondos es fundamental para que las personas con discapacidad visual no tengan problemas al consumir el contenido de tu web o app.

–Que los videos tengan siempre subtítulos para que las personas con discapacidades auditivas puedan disfrutar del contenido de la misma forma que lo harían otras.

–Adaptación del contenido a diferentes resoluciones y tamaños de pantalla.

-Si tenemos formularios en nuestro producto digital, deben ir acompañados de etiquetas y ayuda. No hay nada que dé más dolor de cabeza que un formulario mal diseñado.

–Navegación predecible y consistente en toda la web o app. Los usuarios no deberían tener que pensar en cómo se navega en tu web, la navegación debe ser sencilla e intuitiva, que no genere confusión o frustración.

Coolors contrast checker es una muy buena herramienta que te ayuda a saber si el contraste entre texto y fondo cumple con los estándares de accesibilidad.

Nivel AAA

Si tu producto digital cumple con el nivel AAA, será el rey de la accesibilidad. Aunque no sea tarea fácil, cumplir con los estándares de este nivel hará que tu producto sea universal y accesible a todo tipo de personas. Este nivel incluye criterios avanzados que eliminan casi todas las barreras posibles, beneficiando especialmente a personas con discapacidades severas o múltiples.

No todos los productos digitales pueden cumplir con el nivel AAA en su totalidad, ya que algunos requisitos pueden afectar la experiencia general del diseño. Sin embargo, adoptar algunas pautas del nivel AAA mejora significativamente la accesibilidad para diversos usuarios.

Estos son los requisitos que debe cumplir tu producto digital para obtener el nivel AAA:
-Contraste aún más alto para personas con baja visión. Mientras que en el nivel AA el contraste mínimo entre texto y fondo debe ser 4.5:1, en el nivel AAA se aumenta a 7:1, facilitando la lectura a personas con baja visión o en ambientes con mucha luz.

–Subtítulos de vídeos en tiempo real para beneficio de personas con discapacidad auditiva. Por ejemplo, si vas a hacer una transmisión en directo en tu web, esta debería ir acompañada de subtítulos en vivo generados por un intérprete o IA en tiempo real. Puedes utilizar herramientas como Otter.ai, StreamText, o subtituladores en Zoom y Google Meet.

–Descripciones de audio en vídeos. Todo el contenido en vídeo debe incluir una narración adicional, explicando escenas clave para personas con discapacidad visual.

–Lenguaje simple y claro. Los textos deben ser comprensibles para un nivel de lectura bajo. Herramientas como Hemingway Editor o Grammarly pueden ayudarte a evaluar la simplicidad del texto.

–Evitar grandes bloques de texto. Los párrafos deben ser cortos y estar bien estructurados, con títulos y listas que faciliten la lectura.

-No imponer restricciones de tiempo en interacciones.

Aunque, como hemos comentado antes, puede resultar más complejo cumplir con todas estas pautas de accesibilidad, hay sitios web que, por su contenido o finalidad, sí deberían alcanzar este nivel de accesibilidad. Nos referimos a webs gubernamentales y de servicios públicos, plataformas de educación y sanitarias, y productos digitales con contenidos dirigidos a personas con discapacidad.

¿Necesitas ayuda para mejorar la accesibilidad de tu producto digital?

Hoy en día, la mayoría de las empresas busca cumplir con el nivel AA de accesibilidad, ya que es el estándar recomendado. En Syntonize, nuestro equipo de expertos podrá ayudarte a lograr alcanzar este nivel en tu producto digital. Te explicamos cómo.

Si ya tienes un producto digital y crees que no es completamente accesible y te gustaría mejorarlo, podemos ayudarte.

Nuestro equipo de expertos en accesibilidad y UX realizará una auditoría de accesibilidad para evaluar y mejorar tu producto digital, garantizando que sea accesible para todos.

En primer lugar, realizaremos un preanálisis utilizando herramientas automatizadas como Lighthouse, que nos ayudan a detectar errores en contrastes, navegación, etiquetas, etc, y nos da una visión global de la accesibilidad de tu producto digital.

A continuación, realizaremos un análisis en profundidad navegando por tu producto digital y detectando de forma manual errores en contrastes entre elementos, errores de usabilidad, navegación, formularios, menús, legibilidad, etc. De esta forma, desde la visión de nuestros expertos, identificaremos problemas que no detectan las herramientas automatizadas.

De manera opcional, pero muy recomendable, podemos realizar pruebas con usuarios reales y, de esta forma, recopilar feedback y datos reales sobre los posibles problemas de accesibilidad de tu sitio web.

Nuestro equipo presentará los resultados de la evaluación de accesibilidad con un informe detallado sobre los problemas encontrados, clasificados por gravedad, acompañados de capturas y ejemplos. Junto con los resultados del análisis, nuestro equipo de expertos aportará soluciones y sugerencias para mejorarlo, así como recomendaciones para alcanzar el nivel de accesibilidad que queramos lograr.

Si, además, te gustaría implementar las mejoras propuestas por nuestros expertos y mejorar la experiencia de tus usuarios, nuestro equipo de Product Designers y servicio de desarrollo de productos digitales puede acompañarte en el diseño e implementación de las soluciones.




Si has llegado hasta aquí, ahora que sabes un poquito más sobre accesibilidad, ¿crees que tu producto o servicio digital es accesible para todo tipo de personas? ¿Cumple con las recomendaciones de accesibilidad para alcanzar alguno de los niveles de accesibilidad WCAG? Si quieres que te ayudemos a mejorar la accesibilidad de tu producto digital, contacta con nosotros y ten una charla con nuestro equipo para hablar de tus necesidades y ver cómo podemos ayudarte.

Mejora la accesibiliad de tu producto digital