Informe de corrección

Informe de Accesibilidad

Probamos tu sitio web según WCAG 2.2 A y AA en un navegador real, seguimos 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 analizadas
  • 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, «Añadir 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 llamada 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 móvil a 320 px

    Si las páginas obligan a desplazarse en horizontal en un móvil pequeño (WCAG 1.4.10).

  • Mapa de alegaciones de la carta

    Si pegas una carta, cada alegación se contrasta 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 caso.

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 para cada hallazgo
  • Capturas de pantalla con el elemento que falla marcado
  • Un borrador de declaración de accesibilidad y un registro de evidencias
  • 5 reevaluaciones para confirmar tus correcciones, y un PDF

Cómo se elabora el informe

  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 sigue la ruta principal del sitio solo con el teclado y registra cada paso, con una captura de pantalla donde algo falla.

  3. 3

    Cada fallo recibe una solución escrita para tu plataforma; después, el informe se compone y se te envía por email.

Hallazgos del informe de ejemplo

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

Abrir el informe 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 incluye

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

Preguntas sobre este informe

¿Es una auditoría WCAG completa?

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

¿Me ayuda con una carta de reclamación ADA?

Si pegas la carta, el informe muestra qué alegaciones reproducen nuestras pruebas en tu sitio web, con evidencias. Es un registro de hechos, no asesoramiento legal; habla con un abogado sobre la carta en sí.

¿Para qué plataformas sirve el código?

Las soluciones 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 a modo de orientación.

¿Qué son las 5 reevaluaciones?

Después de que tu desarrollador haga los cambios, puedes volver a ejecutar las mismas comprobaciones desde el informe, 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 comprobaciones adecuadas, como el recorrido de compra en tiendas online. Aun así revisamos las señales del propio sitio y mostramos ambas.

¿Qué tipo de sitio web es?

Análisis gratis. Sin tarjeta de crédito.