T.
Herramientas
Skill de Claude

A11yKit

Audita accesibilidad web contra los 55 criterios de WCAG 2.2 nivel AA. Le pasas tu diseño en Figma, tu código o una URL en producción, y te devuelve criterio a criterio qué cumple, qué no, y por qué — con la corrección concreta.

Caso real

Para probarlo, monté una mini web ficticia — una cafetería, sin relación con ningún cliente real — con fallos de accesibilidad reales y sin etiquetar en el código, para que la auditoría fuera limpia. El skill encontró 11 fallos y marcó 4 puntos como no verificables solo desde el código.

1.4.3 · Contraste

2,9:1

mínimo exigido 4,5:1

El texto del botón "Reservar mesa" es gris claro sobre blanco — casi ilegible con baja visión.

2.4.7 · Foco visible

outline:none

sin sustituto en el CSS

Botones e inputs quitan el contorno de foco y no lo reemplazan por nada — imposible navegar solo con teclado.

4.1.2 · Name, Role, Value

aria-hidden

en un enlace enfocable

Los iconos del footer están ocultos para el lector de pantalla, pero el teclado igual se detiene ahí — un salto invisible y sin anunciar.

Cómo funciona

  1. 01 Lo instalas como skill dentro de Claude, sin configuración.
  2. 02 Le das tu material: Figma, código, capturas o una URL en vivo.
  3. 03 Recibes el informe criterio a criterio, con el motivo del fallo y cómo arreglarlo.

Qué revisa

  • Contraste de texto
  • Contraste de componentes
  • Foco visible
  • Foco no oculto
  • Orden de tabulación
  • Texto alternativo
  • Encabezados y estructura
  • Etiquetas de formulario
  • Mensajes de error
  • Tamaño de zona interactiva
  • Redimensionado al 200%
  • Movimiento y animación
  • Autenticación accesible
  • Ayuda consistente
  • Arrastrar sin gesto