ARM o Accessibility Report manager o cómo agilizar los reportes manuales

¡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!

Participación en el programa Plaça Tísner de Betevé sobre la accesibilidad en los videojuegos

Este video en catalán es una participación que hice en el programa Plaça Tísner, de Betevé, hablando sobre la accesibilidad en los videojuegos.

Fue un honor para mí poder participar en este programa y poder hablar de dos de mis pasiones como son la accesibilidad y los videojuegos, ya sea a la hora de programarlos o de jugar, porque si hay una cosa en la vida que me gusta es un buen juego de coches, de combate, un buen roguelike o simplemente algún juego casual con el que pasar el rato.

Os paso el enlace del vídeo que he subido a Youtube.https://youtu.be/5I7JsQ9bQvg

artículo en Pocketgamer sobre mis juegos accesibles

Hola a todos!

Mucho tiempo sin escribir por aquí, pero quería pasaros un artículo que me publicaron en Pocketgamer sobre mis juegos accesibles.

Está en inglés, pero explica cómo inició mi desarrollo de juegos y el trabajo que estoy haciendo en juegos para iOS.

No sé qué pensar, porque aunque me gusta que se escriban este tipo de artículos, creo que le da protagonismo al tema de la discapacidad y no sé hasta qué punto eso es positivo, pero es interesante si pensamos que está enfocado desde el punto de vista de la accesibilidad.https://www.pocketgamer.com/features/oriol-gomez-developer-profile/

¡Nuevo juego para iOS disponible!

Bueno bueno!

Después de bastante tiempo sin actualizar (otra vez, vaya desastre) vengo a hablaros del nuevo juego que he sacado.

Este se trata de un juego que mezcla conceptos de Tetris y de juego de anagramas, al que he llamado Letrapilado.

este es un juego bastante divertido en el que tienes un tablero de juego de 25 columnas que se va llenando poco a poco con letras. La idea es ir moviendo las letras a la parte de abajo (con un toque) para formar una palabra y así conseguir subir de nivel, lo que hace que las letras vayan saliendo más rápido en el tablero.

https://apps.apple.com/es/app/id1639843494Este juego está disponible para iPhone y, como siempre, podéis encontrar un pequeño vídeo de demostración y el enlace de la app store en la página web.

Launchtype, nueva herramienta para lanzar aplicaciones rápidamente desde Windows

¡Buenas!

Mucho tiempo sin escribir por aquí, pero ya tocaba.

He estado haciendo una nueva app para Windows que me permite lanzar comandos rápidamente y copiar cachos de texto al portapapeles.

La idea era imitar un poco a la aplicación de mac Launchbar, un lanzador de aplicaciones y buscador de archivos.

Yo no quería hacer un buscador de archivos, pero sí algo que me permita rápidamente lanzar programas y abrir páginas web sin tener que buscarlas en favoritos, etc.

La aplicación está en Github y está hecha con Python, creo que puede servir a más gente y he decidido publicar el código. Visualmente no es muy atractiva imagino, utiliza los típicos sizers de WXPython, pero imagino que se puede mejorar sin mucha complicación.

Aquí tenéis el repo de Launchtype.

Participación en mi primera Jam de Itch!

Hola!

HAcía tiempo que no escribía por aquí… Muy mal, muy mal, ya lo sé.

Estos días he participado en una Jam en Itch.io, Games for Blind Gamers. He tenido la oportunidad de mostrar un juegy darme a conocer tanto a desarrolladores de juegos Indie como personas ciegas que han probado los juegos… Esta jam ha sido un experimento para muchos, algunos de los juegos que se han presentado no estaban del todo logrados, cosa normal dado que muchos de los desarrolladores no han hecho nada para ciegos antes.

En mi caso he presentado un juego de matar robots con un handycap importante, cada vez que disparas aumenta el porcentaje de que te explote el arma, y cuando eso pasa te matan.

si quieres jugar, puedes encontrar el juego en el siguiente enlace: https://origamez.itch.io/lucky-strike

¡Espero que te guste!

Hammertools, una extensión para Chrome y Safari que activa nuevas funciones de accesibilidad

¡Hola gente!

Ya sé que actualicé ayer, pero hace unos días saqué unas extensiones y se me olvidó completamente ponerlo en el blog y gracias a un compañero que me he acordado.

Se trata de una extensión para Chrome y safari que activa opcionesr de accesibilidad en páginas web. Está basada en un proyecto anterior más antiguo, AccessHammer, que lo desarrollaron desde NVAccess y yo he mejorado y adaptado a los navegadores más modernos ya que solo iba con Firefox.

Su Lo que hace es quitar todo tipo de controles personalizados en la página, añadir etiquetas si no tienen, y quitar aria-hidden de todo elemento que lo tenga y que sea visible.

Su uso es muy sencillo, lo instalamos en el navegador (chrome about:extensions y instalar extensión desempaquetada), y en safari con el proyecto de xcodeproj.

Eso sí, después de clonar el proyecto. Y hablando del proyecto aquí lo tenéis: https://github.com/ogomez92/hammertools

Indent Report, la extensión de Visual Studio Code que te acerca lo visual a los oídos

¡Hola a todos!

Parecerá una tontería, pero muchas veces las personas obviamos cosas que, para los demás, quizás son necesarias.

Un caso es el de la indentación a la hora de programar: los márgenes visuales, que indican dónde se encuentra cada bloque de código y dónde empieza el siguiente, son muy necesarios a la hora de navegar por el código y encontrar las distintas partes y estructuras.

Hasta ahora, los ciegos podían disfrutar de unos pitidos generalizados emitidos por el lector de pantalla NVDA, un excelente lector de código abierto y gratuito que proporciona acceso a la información a muchísimas personas ciegas. Aún así, existen otros lectores, otros sistemas operativos distintos a Windows y un sinfín de otras posibilidades.

Así pues, el otro día se me ocurrió crear una pequeña extensión para el popular editor (IDE) VSCode o Visual Studio Code que, tal y como dice su descripción, reproduce sonidos de diferentes tonos cuando cambia el nivel de indentación.

Por ejemplo, el nivel 0 de indentación reproduce un La sostenido, el nivel 1 un la, si bemol, si, etc. Todo en diferencias sutiles en el tono para que la persona ciega sepa en todo momento bajo qué niverl de indentación está.

De esta manera, en los sistemas Mac y usuarios de otros lectores en Windows que no sean NVDA, ya pueden, al menos en este IDE, disfrutar de esta característica tal y como lo haría un usuario vidente.

Para descargar la extensión solo tendréis que buscar «indent report» en el marketplace de Visual Studio code. Sabréis que es la mía porque pone Oriol Gómez. Espero que os guste.