Reporte de correcciones

Reporte de Accesibilidad

Probamos tu sitio web según WCAG 2.2 A y AA en un navegador real, recorremos su ruta principal solo con el teclado (en una tienda, hasta el botón de pago) y le damos a tu desarrollador el cambio para cada barrera, creado a partir de tu propio marcado.

  • Hasta 25 páginas probadas
  • Prueba de recorrido con teclado
  • 5 reevaluaciones incluidas

Qué revisamos

  • Reglas WCAG 2.2 A y AA

    Pruebas automatizadas con axe-core en tus páginas clave y en hasta 20 más de tu sitemap: texto alternativo, contraste de color, nombres de botones y enlaces, etiquetas de formulario, encabezados, regiones (landmarks) y ARIA.

  • Prueba de recorrido con teclado

    Usando solo el teclado: en una tienda, de la página de inicio al producto, las opciones, “Agregar al carrito” y el carrito, deteniéndose en el botón de pago; en otros sitios, de la página de inicio a la página clave, su llamado a la acción principal y sus campos de formulario. Nunca se envía nada.

  • Trampas de foco y foco visible

    Si el foco se queda atrapado, por ejemplo en un banner de cookies, y si los visitantes pueden ver dónde está.

  • Reajuste en celular a 320 px

    Si las páginas obligan a desplazarse horizontalmente en un celular pequeño (WCAG 1.4.10).

  • Mapa de reclamos de la carta de demanda

    Si pegas una carta, cada reclamo se compara con lo que reprodujeron nuestras pruebas, con el número de casos por página.

  • Elementos para revisión humana

    Lo que las pruebas señalan pero no pueden decidir, como texto sobre imágenes, con instrucciones para revisar cada uno.

Qué recibes

  • Una lista priorizada: corregir primero, corregir después, mejorar
  • Código de antes y después creado a partir de cada elemento que falla
  • Pasos para Shopify, WordPress, WooCommerce o la plataforma que detectemos
  • Un prompt de IA listo para usar en cada hallazgo
  • Capturas de pantalla con el elemento que falla resaltado
  • Un borrador de declaración de accesibilidad y un registro de evidencia
  • 5 reevaluaciones para confirmar tus correcciones, y un PDF

Cómo se elabora el reporte

  1. 1

    Las cinco páginas de tu análisis gratuito, más hasta 20 de tu sitemap, se cargan en Chromium y se prueban con axe-core.

  2. 2

    Una sesión de navegador independiente recorre la ruta principal del sitio solo con el teclado y registra cada paso, con una captura de pantalla donde algo falla.

  3. 3

    Cada falla recibe una corrección escrita para tu plataforma; luego, el reporte se arma y se te envía por correo electrónico.

Hallazgos del reporte de ejemplo

Resultados reales para Harbor & Pine, una tienda ficticia que creamos con problemas comunes.

Abrir el reporte de ejemplo completo
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

Qué no cubre

  • Lo que anuncian los lectores de pantalla, los subtítulos y la audiodescripción (se incluye una lista de verificación manual)
  • El checkout, el pago y el envío de formularios
  • Las páginas protegidas por un inicio de sesión
  • Asesoría legal o un certificado de cumplimiento de la ADA o la EAA

Preguntas sobre este reporte

¿Es una auditoría WCAG completa?

Es una auditoría automatizada más una prueba de recorrido con teclado. Las pruebas automatizadas encuentran una parte de los problemas de WCAG de un sitio, así que el reporte también indica qué requiere una revisión humana y cómo hacerla.

¿Me ayuda con una carta de demanda ADA?

Si pegas la carta, el reporte muestra qué reclamos reproducen nuestras pruebas en tu sitio web, con evidencia. Es un registro de hechos, no asesoría legal; habla con un abogado sobre la carta en sí.

¿Para qué plataformas sirve el código?

Las correcciones se escriben para la plataforma que detectamos: temas de Shopify, WordPress y WooCommerce, Webflow, BigCommerce, Wix, Squarespace, frameworks como Next.js o HTML simple. Cuando no podemos ver tu código fuente, las ubicaciones de los archivos se dan como orientación.

¿Qué son las 5 reevaluaciones?

Después de que tu desarrollador haga los cambios, puedes volver a ejecutar las mismas revisiones desde el reporte, hasta cinco veces, y ver qué problemas ya no se reproducen.

Analiza tu sitio web hoy

Encuéntralo. Corrígelo. Verifícalo.

¿Qué tipo de sitio web es?

Tu respuesta elige las revisiones adecuadas, como el recorrido de compra en tiendas en línea. Aun así revisamos las señales del propio sitio y mostramos ambas.

¿Qué tipo de sitio web es?

Análisis gratis. No se requiere tarjeta de crédito.