Pedir cita ahora +34 647 91 44 34
MaisMedia — Optimización Web Marketing MaisMedia — Optimización Web Marketing

Open source · MIT · Español e inglés

a11y-toolkit: la capa de accesibilidad para agentes de IA

16 herramientas + 5 prompts que dan a cualquier agente de programación el ciclo completo de WCAG 2.2: auditar → arreglar → documentar → vigilar. Sin dependencias en el núcleo. El mismo motor que alimenta nuestro verificador EAA.

Ver en GitHub Probar el verificador EAA

El ciclo completo, no un comprobador suelto

🔍 Auditar

Auditoría estática y renderizada — incluidos shadow DOM, reflow a 320 px, trampas de teclado, scroll infinito y nota 0-100. Estática para velocidad, renderizada para verdad.

🔧 Arreglar

Autofixes deterministas y seguros (solo lo que tiene una respuesta única correcta) y cálculo de contraste hasta el color más cercano que cumple. Nada de parches a ciegas.

📄 Documentar

Genera la declaración de accesibilidad que exigen el EAA (European Accessibility Act) y el RD 1112/2018, redactada y accesible ella misma.

👀 Vigilar

Presupuestos de accesibilidad, salida SARIF para tu CI y diffs entre versiones para que las barreras no se cuelen de nuevo.

Diseñado para la era de los agentes

La accesibilidad web tiene un problema de adopción: las auditorías son caras, las herramientas profesionales tienen curva de aprendizaje y los desarrolladores las usan tarde. Los agentes de IA pueden cambiar eso — si tienen las herramientas adecuadas. a11y-toolkit es un servidor MCP (Model Context Protocol): cualquier agente (Claude, Cursor, OpenCode…) lo conecta y obtiene superpoderes de accesibilidad con una sola configuración.

Lo construimos porque lo necesitábamos: cada auditoría de accesibilidad de MaisMedia pasa por aquí, y nuestra herramienta pública EAA comparte el motor. Publicarlo era coherente con nuestra forma de entender el oficio: metodología pública, herramientas abiertas, resultados medibles.

Qué incluye: auditoría URL y DOM, pares y contraste sobre imagen, criterios WCAG explicados, teclado (trampas incluidas), reflow, scroll infinito, snapshots, sugerencia de colores, aria-live, declaraciones de accesibilidad, sello honesto y diffs de regresión.

Cómo empezar: clona el repositorio, añade el servidor MCP a tu agente y pídele «audita esta página» — en español o inglés. Documentación completa en GitHub.

¿Quieres la auditoría humana detrás del toolkit?

Las herramientas automatizan un tercio de WCAG; el resto es método, criterio y experiencia. Eso lo ponemos nosotros.

Hablemos de tu proyecto