Web Accessibility Testing MCP
Ronan Takizawa · Programación
Web Accessibility Testing MCP es un servidor de código abierto del Model Context Protocol que le da a un cliente de IA la capacidad de revisar páginas web en busca de problemas de accesibilidad. Combina el motor Axe-core de Deque con Puppeteer, así que un asistente como Claude Desktop o Cursor puede probar una URL en vivo o un fragmento HTML sin procesar y devolver un informe sobre el cumplimiento de WCAG 2.0, 2.1 y 2.2. Tú le das una página. Él te devuelve una lista de lo que está roto y dónde.
Acerca de Web Accessibility Testing MCP
Qué es Web Accessibility Testing MCP
Web Accessibility Testing MCP, abreviado a menudo como a11y MCP, es un pequeño servidor MCP de pruebas de accesibilidad que conecta a un asistente de programación con IA con el mismo motor que ya usan muchos equipos de auditoría profesional. Envuelve la librería Axe-core de Deque Labs y maneja un navegador headless real a través de Puppeteer, así que las comprobaciones se ejecutan sobre páginas renderizadas y no sobre marcado estático.
La clave está en dónde vive. Sin panel aparte. Sin copiar resultados entre pestañas. En su lugar, le pides al asistente que mire una URL, y los resultados vuelven como una respuesta normal de chat. Eso importa cuando publicas un componente y quieres una pasada rápida de cumplimiento WCAG antes de un pull request.
Los límites más grandes conviene decirlos sin rodeos. Es un proyecto de comunidad, no un producto oficial de Deque. El soporte viene del repositorio de GitHub, no de una mesa de ayuda de un proveedor. Además, solo prueba lo que Axe-core puede detectar de forma automática, lo que cubre muchos problemas reales, pero nunca atrapa todo lo que vería un revisor humano.
Cómo empezar
- Asegúrate de tener Node.js 18 o superior en tu equipo y elige un cliente compatible con MCP, como Claude Desktop, Claude Code, VS Code o Cursor.
- Abre el archivo de configuración MCP de tu cliente, que está en una ruta distinta en macOS, Windows y Linux.
- Añade una entrada llamada a11y-accessibility dentro de mcpServers con el comando npx y el argumento -y a11y-mcp-server.
- Reinicia la sesión del cliente para que se registren las nuevas herramientas y luego confirma que el servidor aparece en tu lista de herramientas.
- Pídele al asistente que pruebe una URL contra una etiqueta como wcag2aa, y de forma opcional define el ancho y el alto del viewport para una comprobación móvil o de escritorio.
Información del producto
Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de Web Accessibility Testing MCP.
Ideal para
Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.
Usuarios
- Desarrolladores front-end
- Testers de QA y accesibilidad
- Equipos pequeños sin un auditor dedicado
Tareas
- Probar una página en vivo
- Probar un fragmento HTML
- Análisis de contraste de color
- Validación de ARIA
Casos de uso
- Comprobaciones antes de confirmar
- Revisión responsive
- Seguimiento de regresiones
Funciones clave
Pruebas de URL y fragmentos HTML
El servidor prueba cualquier URL pública o una cadena HTML sin procesar. Eso cubre tanto una página en vivo que no puedes inspeccionar a mano con facilidad como un fragmento que sigue en tu editor. Cada ejecución devuelve un informe estructurado. Sin capturas de pantalla. El asistente puede resumir las infracciones directamente.
Integración de Axe-core y Puppeteer
Las comprobaciones se ejecutan con el motor Axe-core de Deque dentro de un navegador headless real controlado por Puppeteer. Son comprobaciones de accesibilidad Axe-core, del mismo tipo que ejecuta un equipo de auditoría profesional. Como la página se renderiza por completo, los resultados reflejan lo que los usuarios cargan de verdad, no solo el HTML de origen. Es la misma lógica de detección en la que confía mucho del herramental profesional.
Pruebas de cumplimiento WCAG 2.0, 2.1 y 2.2
Tú eliges contra qué estándares probar con etiquetas como wcag2aa. El servidor revisa el contenido frente a las reglas 2.0, 2.1 y 2.2, así que puedes ajustarte al nivel que tu proyecto realmente busca en lugar de ejecutarlo todo.
Dimensiones de viewport personalizables
El ancho y el alto son configurables, con valores por defecto de 1280 por 800. Definir un viewport del tamaño de un teléfono saca a la luz problemas que solo aparecen en pantallas pequeñas. Objetivos táctiles apretados, por ejemplo. O contenido que se rompe a anchos estrechos.
Comprobaciones de contraste de color y ARIA
Dos áreas de fallo comunes tienen sus propias herramientas. Un analizador de contraste de color valida las parejas de texto y fondo, mientras que la validación de ARIA mira si los atributos se usan de forma correcta y completa. Ambas atrapan problemas que son tediosos de verificar a ojo.
Exploración de reglas
Una herramienta de exploración de reglas explica qué reglas de accesibilidad existen y qué significan. Eso viene bien cuando un informe marca algo que no reconoces y quieres contexto antes de decidir si es un problema real.
Detección de bloqueo de orientación
El servidor marca contenido que fuerza una orientación de pantalla específica. Eso importa para usuarios con tablets o con afecciones motoras, donde una orientación bloqueada puede dejar una página inservible.
Ventajas y desventajas
Ventajas
- Se ejecuta dentro de tu cliente de IA actual, así que no hay panel ni cuenta aparte que gestionar.
- Gratis y de código abierto, con todo el código disponible en GitHub.
- Construido sobre Axe-core, un motor de reglas de accesibilidad de amplia confianza.
- Prueba tanto URL en vivo como HTML sin procesar, lo que cubre etapas tempranas y tardías de un desarrollo.
- Las etiquetas WCAG y los tamaños de viewport configurables dan control sobre el alcance de la prueba.
Desventajas
- Las comprobaciones automáticas se pierden los problemas que requieren criterio humano, así que no sustituyen una auditoría manual.
- Requiere Node.js 18+ y un cliente compatible con MCP, lo que deja fuera a usuarios no técnicos ocasionales.
- Es un proyecto de comunidad y no un producto oficial de Deque, así que no hay línea de soporte del proveedor.
Preguntas frecuentes
Es una herramienta de pruebas de accesibilidad con IA que conecta a un asistente de IA con el motor Axe-core de Deque, así el asistente puede probar páginas web y fragmentos HTML en busca de problemas de accesibilidad y cumplimiento WCAG. Eso la hace práctica para pruebas de accesibilidad para desarrolladores que prefieren no salir de su editor. Tú preguntas, y devuelve una lista estructurada de infracciones.
Contenido relacionado
Explora herramientas, habilidades y artículos relacionados con Web Accessibility Testing MCP.
Alternativas a Web Accessibility Testing MCP
Forefront
Forefront · ProgramaciónForefront es una plataforma web para construir con IA de código abierto. Te deja ajustar los principales modelos de lenguaje de código abierto con tus propios datos, evaluar cómo rinden y ejecutarlos a través de una API o exportarlos para alojarlos tú mismo. Los desarrolladores que quieren la comodidad de una plataforma cerrada pero insisten en ser dueños de sus modelos y sus datos son el público objetivo.
Startkit
StartKit.AI · ProgramaciónStartkit es un boilerplate para crear productos de SaaS con IA y wrappers de IA. Piénsalo como un boilerplate para startups de IA con las partes aburridas ya conectadas: autenticación, pagos con Stripe y Lemon Squeezy, límites de uso, correo transaccional y un kit de inicio de API de IA que habla con OpenAI, Anthropic, Groq o Llama. Clonas el repositorio, pones tu precio y te dedicas a la parte del producto por la que la gente paga de verdad. Está hecho con Next.js sobre React y Tailwind, así que buena parte del código boilerplate ya te resulta familiar.
Testim
Tricentis · ProgramaciónTestim es una plataforma de automatización de pruebas impulsada por IA para crear y ejecutar pruebas de extremo a extremo en aplicaciones web, móviles y Salesforce. Se apoya en el aprendizaje automático para mantener las pruebas estables cuando cambia una interfaz, así que los equipos dedican menos tiempo a reparar selectores rotos. No está nada mal para una herramienta de pruebas automatizadas que puedes empezar a usar hoy mismo. Creas pruebas grabando acciones en un navegador y luego añades JavaScript cuando necesitas más control. Es una opción sólida para equipos de QA con mucho trabajo.