Análisis de accesibilidad y herramientas de evaluación

La accesibilidad es un aspecto que se debe tener siempre muy presente. Más allá de los requisitos legales o normativos, es importante que las experiencias digitales que diseñamos sean accesibles y utilizables por el mayor número de personas posible.

Para conseguirlo, uno de los pasos clave es el análisis de accesibilidad que podemos realizar en las fases iniciales y durante las iteraciones del diseño. 

Hoy queremos contar cómo enfocamos en el Estudio los proyectos de análisis de accesibilidad que recibimos y qué herramientas empleamos para llevarlos a cabo, así como en proyectos de diseño que desarrollamos nosotros mismos, para asegurar que cumplimos los requisitos de accesibilidad que consideramos indispensables.

Marco CREA

En el Estudio nos apoyamos en el marco CREA para estructurar nuestros análisis de accesibilidad. Este marco pone el foco en cuatro aspectos fundamentales:

• Comprensión: asegurarnos de que los contenidos son claros y comprensibles para cualquier persona.
• Robustez: comprobar que la solución funciona correctamente en diferentes navegadores, dispositivos y tecnologías de asistencia (como lectores de pantalla, navegadores de texto…).
• Estructura: validar que la estructura del contenido es coherente y facilita la navegación.
• Acción: garantizar que todas las interacciones sean accesibles, tanto para usuarios que usan el ratón como para quienes navegan con teclado u otras ayudas técnicas.

A partir de este enfoque, organizamos nuestras revisiones y utilizamos distintas herramientas que complementan nuestra evaluación manual.

Herramientas que utilizamos en el análisis de accesibilidad

Accessible Web Helper / WCAG Color Contrast Checker

Estas herramientas (Accessible Web Helper / WCAG Color Contrast Checker) nos permiten revisar rápidamente el contraste de color entre los elementos del diseño. El contraste adecuado es un aspecto básico para que los contenidos sean legibles para personas con baja visión o con dificultades de percepción de color.

Silktide

Silktide es una herramienta que usamos para hacer un análisis más completo de accesibilidad a nivel técnico. Nos ayuda a detectar elementos como imágenes sin texto alternativo, problemas en formularios, errores en la estructura del código o en los roles de los componentes de interfaz.

Además, proporciona informes que resultan muy útiles para documentar el estado de accesibilidad del proyecto y comunicarlo a los equipos de desarrollo.

A11y quick check

A11y quick check es una extensión que utilizamos en el navegador para hacer comprobaciones rápidas durante las fases de diseño y prototipado. Nos permite detectar de forma ágil posibles problemas y comprobar el cumplimiento de algunos criterios básicos de las WCAG.

Estas no son las únicas herramientas que utilizamos para este tipo de análisis, ya que cada producto tiene sus particularidades y necesidades específicas.

Comprobación de la navegación por teclado

Otro aspecto que revisamos siempre es la navegación por teclado. Probamos que todos los elementos interactivos sean accesibles mediante el teclado, que el foco de navegación sea visible en todo momento y que el orden de tabulación sea lógico y consistente.

Esta comprobación es esencial para garantizar que las personas que no pueden usar un ratón tengan una experiencia de uso completa.

Comprobaciones de la estructura del contenido

Más allá de las herramientas automáticas, dedicamos tiempo a revisar manualmente la estructura del contenido:

• Que los encabezados estén bien jerarquizados.
• Que el uso de listas, tablas y otros elementos sea correcto.
• Que haya coherencia en los textos alternativos.
• Que se proporcione un contexto adecuado para cada elemento interactivo.

Este trabajo de revisión manual es fundamental, ya que muchas cuestiones relacionadas con la comprensión del contenido no pueden ser detectadas por herramientas automáticas, pero para el que también utilizamos otras herramientas como ARC Toolkit o axe DevTools, que nos ayuda a hacer este análisis manual de forma más exhaustiva.

Conclusión

El análisis de accesibilidad es un proceso que se debe combinar con el resto de actividades de diseño e investigación. Las herramientas nos ayudan a identificar problemas, pero siempre incluyendo una revisión manual y una reflexión sobre cómo hacer que la experiencia sea realmente accesible y usable.

En el Estudio seguimos perfeccionando nuestros procesos y explorando nuevas formas de integrar la accesibilidad desde el inicio de cada proyecto. Porque, al final, diseñar experiencias accesibles es diseñar mejores experiencias para todas las personas.

En el Programa de Especialización en Research Avanzado trabajamos precisamente estas competencias: cómo planificar investigaciones que tengan en cuenta la accesibilidad desde el inicio, cómo seleccionar las técnicas y herramientas adecuadas, y cómo interpretar los resultados con un enfoque ético y centrado en las personas.

La X edición del Programa comienza el próximo 30 de junio. Si te interesa seguir perfeccionando tus habilidades en research y en el análisis de accesibilidad, te invitamos a consultar toda la información en la web de UX Learn:

Foto de portada de Bailey Alexander en Unsplash.