Informe de accesibilidad para UX: Guía esencial

Como diseñadores UX, la accesibilidad web tiene que ser una prioridad crucial para garantizar que todos los usuarios, independientemente de sus capacidades, puedan interactuar de manera efectiva con nuestros diseños. Un informe de accesibilidad es una herramienta fundamental que ayuda a evaluar y mejorar la accesibilidad de un sitio web. Este artículo explora cómo se estructuran y utilizan estos informes durante una consultoría de accesibilidad.

Registro de datos para un informe de accesibilidad

El primer paso para elaborar un informe de accesibilidad es documentar detalladamente todo el proceso de evaluación. Es esencial registrar información precisa sobre el proceso y los hallazgos para justificar los resultados, asegurar la transparencia y permitir la replicabilidad de la evaluación. Aunque no todos los datos recopilados se incluyen en el informe final, su documentación completa es crítica.

Información clave a documentar

Datos generales de la consultoría

• Evaluador: Nombre de la empresa o persona que realiza la evaluación.
• Solicitante: Nombre de la persona, empresa u organización que solicita la consultoría.
• Fecha: Fecha específica o periodo durante el cual se lleva a cabo la consultoría.

Alcance de la consultoría

• Sitio auditado: Descripción clara del sitio, por ejemplo, “Todas las páginas del dominio www.dominio.com”.
• Nivel de adecuación: Nivel a evaluar (A, AA, AAA) y normativa aplicada (WCAG 2.1, WCAG 2.2, EN 301 549).
• Soporte de accesibilidad: Listado de navegadores web y productos de apoyo con los que las características de accesibilidad deben ser compatibles.
• Requisitos adicionales: Cualquier requerimiento adicional acordado con el cliente, como la participación de personas con discapacidad en la evaluación.

Muestra representativa

• Tecnologías dependientes: Tecnologías cruciales para el cumplimiento de las WCAG 2.2, como HTML, CSS, JavaScript, WAI-ARIA, PDF, SVG.
• Páginas evaluadas: Listado de páginas seleccionadas para la evaluación, incluyendo una muestra representativa y un 10% de páginas aleatorias.

Resultados de la evaluación

• Conformidad de páginas: Verificación del cumplimiento de cada criterio de conformidad por cada página de la muestra.
• Errores y observaciones: Número de errores detectados, su ubicación, descripción, recurrencia, gravedad, dificultad de corrección, impacto en usuarios y buenas prácticas.

Datos adicionales

• Ajustes y acciones: Descripción de ajustes realizados, datos introducidos o acciones específicas para llegar a un determinado estado de la página.
• Credenciales de acceso: Detalles necesarios para replicar la evaluación.
• Capturas de pantalla: Imágenes que ejemplifican los errores encontrados.
• Herramientas utilizadas: Listado de herramientas, navegadores, tecnologías de apoyo u otro software utilizado durante la evaluación.

Tipos de informe de accesibilidad

Existen diversos tipos de informes de accesibilidad, cada uno adaptado a diferentes objetivos de la consultoría. A continuación, se describen los tres tipos más comunes:

Basic Conformance Report

El objetivo de este informe es determinar si un sitio cumple con un nivel específico de accesibilidad (A, AA, AAA). Es un informe conciso que incluye:

• Información general sobre la consultoría.
• Alcance de la evaluación.
• Muestra de páginas evaluadas.
• Resultado de la conformidad con gráficos visuales.

Este tipo de informe es ideal para presentaciones ejecutivas y no incluye detalles sobre los errores encontrados.

Detailed Review

Además de identificar si un sitio cumple con un nivel de accesibilidad, este informe proporciona un resumen de los errores detectados. Incluye:

• Información general y alcance.
• Descripción de los principales errores encontrados.
• Gráficas que visualizan el nivel de adecuación, problemas comunes y páginas con más errores.

Este informe es adecuado para proporcionar a los directivos una visión clara de los problemas de accesibilidad sin entrar en detalles técnicos.

In-Depth Analysis

Este informe ofrece un análisis detallado de los errores y propone soluciones concretas para su corrección. Es dirigido al equipo técnico y contiene:

• Descripción detallada de todos los errores encontrados.
• Recurrencia y criticidad de cada error.
• Razones por las que los errores representan problemas de accesibilidad.
• Alternativas para su corrección.

Este informe es esencial para el equipo encargado de implementar las correcciones necesarias y puede incluir ejemplos de código y técnicas específicas de las WCAG.

Imagen de freepik

Crea un informe de accesibilidad paso a paso

Los pasos generales para crear un informe de accesibilidad siguen siendo los mismos, pero con la incorporación de estas nuevas herramientas, puedes enriquecer tus evaluaciones y generar informes más completos:

1. Planificación: Define el alcance, criterios y objetivos del informe.
   • Define el alcance del informe (página web completa, sección específica).
   • Establece los criterios de accesibilidad que se evaluarán (WCAG, otras normas).
   • Identifica a las personas involucradas en el proceso.
2. Evaluación: Utiliza una combinación de herramientas (WAVE, a11y, Lighthouse, WCAG-EM Report Tool, Axe) para analizar la página web desde diferentes perspectivas.
   • Documenta los errores y problemas encontrados.Prioriza los problemas según su gravedad e impacto en la experiencia del usuario.
3. Documentación: Registra los resultados de cada herramienta, priorizando los problemas y ofreciendo recomendaciones.
   • Presenta una introducción con el objetivo del informe y el alcance de la evaluación.
   • Describe la metodología utilizada.
   • Presenta los resultados de la evaluación de forma clara y concisa.Incluye capturas de pantalla y ejemplos para ilustrar los problemas.
   • Ofrece recomendaciones para solucionar los problemas identificados.
   • Incluye un resumen ejecutivo con los hallazgos más importantes.
4. Redacción del informe: Estructura el informe de forma clara y concisa, incluyendo una introducción, metodología,resultados, recomendaciones y conclusiones.
5. Revisión y aprobación: Revisa el informe y solicita la aprobación de las partes interesadas.

Herramientas para crear un informe de accesibilidad

WCAG-EM Report Tool

La WCAG-EM Report Tool es una herramienta en línea desarrollada por el W3C que guía a los evaluadores en la aplicación de la metodología WCAG-EM. Ayuda a registrar datos durante la evaluación de accesibilidad y genera informes detallados basados en la evaluación manual.

Pasos para Utilizar WCAG-EM Report Tool

1. Define Scope: Registrar los datos relacionados con el alcance de la consultoría, como el objetivo y el contexto del análisis.
2. Explore Website: Documentar los detalles de la muestra representativa que se evaluará.
3. Select Sample: Concretar el listado de páginas que componen la muestra.
4. Audit Sample: Registrar los resultados de la evaluación para cada criterio de conformidad de las WCAG.
5. Report Findings: Recopilar los datos generales de la consultoría y preparar el informe final.
6. View Report: Generar el informe en inglés, personalizarlo y traducirlo según sea necesario.

Axe Accessibility Checker

Axe es una herramienta de código abierto muy popular que se integra en diversas plataformas de desarrollo, como navegadores, IDEs y sistemas de construcción. Permite realizar auditorías de accesibilidad en tiempo real durante el desarrollo, lo que facilita la identificación y corrección de problemas de accesibilidad desde las primeras etapas del proyecto.

Pasos para utilizar Axe Accessibility Checker

1. Integración en navegadores: Instala la extensión de Axe en tu navegador (Chrome, Firefox, Edge).
2. Integración en IDEs: Utiliza plugins de Axe en tu entorno de desarrollo favorito (Visual Studio Code, WebStorm, etc.).
3. Integración en sistemas de construcción: Incorpora Axe en tu proceso de construcción para ejecutar pruebas de accesibilidad de forma automatizada.
4. Resultados: Axe te mostrará los resultados de la evaluación directamente en la interfaz de tu navegador o IDE, indicando los errores y ofreciendo sugerencias para solucionarlos.

WAVE Web Accessibility Evaluation Tool

WAVE es una herramienta web y extensión gratuita para Chrome y Firefox que analiza una página web en tiempo real y muestra los posibles problemas de accesibilidad de forma visual.

Pasos para utilizar WAVE Web Accessibility Evaluation Tool

1. Accede a la herramienta WAVE Web Accessibility Evaluation Tool.
2. Introduce la URL de la página web que deseas evaluar.
3. La herramienta analizará la página y generará un informe con los resultados.
4. Descarga el informe en formato HTML o PDF para consultarlo y compartirlo.

a11y

a11y es una herramienta de línea de comandos que permite realizar auditorías de accesibilidad en sitios web completos.Es ideal para desarrolladores que desean integrar la accesibilidad en su flujo de trabajo.

Pasos para utilizar a11y

1. Accede a la herramienta WCAG-EM Report Tool.
2. Introduce la URL de la página web que deseas evaluar.
3. La herramienta analizará la página y generará un informe con los resultados.
4. Descarga el informe en formato HTML o PDF para consultarlo y compartirlo.

Lighthouse

Lighthouse es una herramienta de auditoría de código abierto que evalúa el rendimiento, la accesibilidad, las mejores prácticas de SEO y la progresividad de una página web. Se puede ejecutar desde la consola, Chrome DevTools o como una extensión de Chrome.

Pasos para utilizar Lighthouse

1. Abre Chrome DevTools (F12).
2. Navega a la pestaña “Lighthouse”.
3. Configura las categorías de auditoría que deseas ejecutar (incluyendo accesibilidad).
4. Haz clic en “Generar informe”.
5. Lighthouse ejecutará las auditorías y mostrará un informe detallado con las puntuaciones y los problemas encontrados.

Ejemplos y plantillas de informe de accesibilidad

Para facilitar la elaboración de informes de accesibilidad, existen diversas plantillas y ejemplos disponibles. Algunas de las más utilizadas incluyen:

• W3C, Template for Accessibility Evaluation Reports: Adaptable a WCAG 2.x. Descárgalo aquí.
• W3C, Appendix C: Example Reports, WCAG-EM 1.0: Información esencial y adicional según el tipo de informe. Descárgalo aquí.
• Observatorio de Accesibilidad Web: Plantilla en formato Excel utilizada por entidades públicas en España y Europa. Descárgalo aquí.

Conclusión

La elaboración de informes de accesibilidad es un proceso meticuloso que requiere la documentación precisa y detallada del proceso de evaluación. Los diferentes tipos de informes se adaptan a las necesidades específicas de cada consultoría, proporcionando desde un resumen ejecutivo hasta un análisis técnico profundo. Al utilizar plantillas y ejemplos adecuados, los diseñadores UX pueden asegurar que sus evaluaciones de accesibilidad sean efectivas y cumplan con los estándares requeridos, mejorando así la experiencia de todos los usuarios.