¡Buenas! Hoy os quiero presentar una herramienta que he desarrollado para mi día a día como responsable de accesibilidad: Accessibility Report Manager.

Es una aplicación web que permite gestionar informes de accesibilidad de forma cómoda y organizada. Cuando auditas un sitio web y vas encontrando mierdas, siempre usábamos un excel o algún tipo de informe predefinido y para asociarlos a criterios WCAG, adjuntar capturas de pantalla etc era un rollo porque había que mover el cursor entre 80 filas, no permitía filtrar, etc. Luego encima para exportar todo eso en un formato útil era un poco rollo. Pues eso es exactamente lo que hace esta herramienta.

¿Qué puedes hacer con ella?

La idea es sencilla: creas un informe, vas añadiendo issues y cada issue queda vinculado a un criterio WCAG 2.2, una página concreta del sitio y una prioridad. Para cada problema puedes escribir una descripción, indicar dónde se encuentra, adjuntar una captura de pantalla y añadir notas con la solución recomendada.

Después puedes filtrar los issues por página, por criterio WCAG, por prioridad o por si necesitan revisión. Esto es muy útil cuando tienes informes grandes con varios issues y necesitas centrarte en una parte concreta.

Exportación e integración con Jira

Una de las cosas que más me interesaba era poder sacar los datos del informe de forma práctica. La herramienta permite:

• Descargar el informe como JSON para poder cargarlo más adelante y seguir trabajando.
• Exportar un informe HTML independiente con todos los issues y las capturas incrustadas, listo para enviar al cliente (o equipo).
• Copiar cualquier issue al portapapeles en un formato legible, ideal para pegarlo en un Slack o algo.
• Crear tickets de Jira directamente desde la aplicación. Configuras tu instancia de Jira, tu API token, y con un clic puedes crear un ticket con toda la información del issue ya rellenada.

La integración con Jira funciona a través de un pequeño proxy local que viene incluido en el proyecto, necesario para evitar problemas de CORS. Se instala fácilmente y no almacena ningún dato.

Accesibilidad

Como no podía ser de otra forma, la herramienta en sí está construida pensando en la accesibilidad. Funciona con lector de pantalla, tiene navegación por teclado completa, indicadores de foco visibles y buen contraste. Está bilingüe en inglés y español por ahora.

Framework

Está hecha con Svelte 5, TypeScript y Vite. Y un poquito de vibecoding, ¡claro! Los datos se guardan localmente, no hay servidor ni base de datos externa, así que toda la información se queda en tu pc.

Os dejo el enlace al repo

¡Espero que os sirva!