SevirantaAsí es como se ve un verdadero expediente de cumplimiento
Esto no es un ejemplo de marketing ni un resumen. A continuación ve un informe completo e íntegro, generado por exactamente el mismo motor de escaneo que después evaluará también su plataforma de forma continua.
Lo que muestra este ejemplo
Un escaneo real, no una puesta en escena
Realizado en nuestro propio entorno de demostración con errores incorporados a propósito. Ni compuesto ni adaptado para la presentación.
El mismo motor que en producción
Este es exactamente el mismo escaneo y la misma profundidad que después evaluará sus páginas.
Íntegro, línea por línea
Cada hallazgo con su ubicación exacta y una corrección concreta. Nada omitido, nada maquillado.
Escalable de una sola tienda online al ámbito empresarial
La misma norma, la misma profundidad y la misma carga de prueba, sea cual sea el tamaño de su plataforma.
Cómo se hizo este ejemplo
Esto es un escaneo real de nuestra propia tienda de demostración “Nordlys Living”, una tienda online ficticia en la que introdujimos los errores que más vemos en la práctica: imágenes sin texto alternativo, contraste de color demasiado bajo, un campo sin etiqueta, un botón y un enlace sin nombre. Puedes ver la página de demo por ti mismo. Nada en este informe está inventado ni exagerado, lo que encontró el motor es lo que ves abajo.
Resultado para https://seviranta.com/demo-winkel.html
5 infracciones · 12 puntos en esta página fallan la prueba WCAG 2.1 y 2.2 AA.
Estás legalmente obligado a cumplir la Acta Europea de Accesibilidad. Suscríbete a una auditoría continua para evitar multas.
Verificado frente a EN 301 549 (WCAG 2.1 AA) + WCAG 2.2 AA con axe-core 4.11.4. La verificación automatizada detecta de forma fiable alrededor del 57% de los problemas; los puntos de revisión requieren criterio humano. Esto no es una afirmación de conformidad completa.
Por criterio WCAG
Las mismas infracciones, agrupadas según el criterio de éxito al que afectan.
- 1.4.3 Contraste (mínimo)7 puntos
- 4.1.2 Nombre, función, valor3 puntos
- 1.1.1 Contenido no textual2 puntos
- 2.4.4 Propósito del enlace (en contexto)1 punto
Infracciones, certeza automática
- Crítico1× en esta página
Qué significa · Un botón sin nombre se lee como 'botón': inutilizable para quien no ve. Suele afectar a los botones del carrito y de búsqueda.
Cómo arreglarlo · Dale al botón un texto o un aria-label que describa la acción ('Añadir al carrito', 'Buscar').
En tu página
Incorrecto ·<button class="icon-btn"><span aria-hidden="true">🔍</span></button>Correcto ·<button aria-label="Añadir al carrito"><svg>…</svg></button>WCAG wcag2a, wcag412 · Nombre técnico: Buttons must have discernible text · fuente técnica para tu desarrollador
- Grave7× en esta página
Qué significa · Un texto con poco contraste resulta ilegible para personas con baja visión y también con luz solar intensa en el móvil. Es, con diferencia, el hallazgo EAA más frecuente en tiendas online.
Cómo arreglarlo · Oscurece o aclara el color del texto o del fondo hasta alcanzar una relación mínima de 4,5:1 (3:1 para texto grande). En Shopify: ajustes del tema → colores; ajusta los colores de botones y texto una sola vez y se aplicará a todo el tema.
En tu página
Texto de ejemplomedido 1,87:1, requerido 4,5:1#b8b2a7 sobre #f4f1ecTexto de ejemplomedido 1,52:1, requerido 4,5:1#ffffff sobre #a8dadcTexto de ejemplomedido 1,73:1, requerido 4,5:1#c9c4bb sobre #ffffffWCAG wcag2aa, wcag143 · Nombre técnico: Elements must meet minimum color contrast ratio thresholds · fuente técnica para tu desarrollador
- Crítico2× en esta página
Qué significa · Las imágenes sin texto alternativo son invisibles para los lectores de pantalla. En las fotos de producto, eso significa que un cliente ciego no sabe qué producto es.
Cómo arreglarlo · Dale a cada imagen informativa un texto alternativo breve que describa lo que muestra. En Shopify: producto → multimedia → 'editar texto alternativo'. Las imágenes puramente decorativas llevan un alt vacío (alt="").
En tu página
Incorrecto ·<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Crect fill='%23dfe7e2' width='220' height='140'/%3E%3Ccircle cx='110' cy='70' r='38' fill='%238aa39b'/%3E%3C/svg%3E" width="220" height="140">Correcto ·<img src="hond.jpg" alt="Cachorro de labrador marrón con collar">…y 1 elemento similar en esta página.
WCAG wcag2a, wcag111 · Nombre técnico: Images must have alternative text · fuente técnica para tu desarrollador
- Crítico1× en esta página
Qué significa · Los campos de formulario sin etiqueta no se pueden manejar con un lector de pantalla y resultan difíciles para cualquier persona con una discapacidad. Afecta a los campos de búsqueda, inicio de sesión y pago.
Cómo arreglarlo · Vincula una etiqueta <label> visible a cada campo de entrada (for/id), o usa un aria-label cuando no haya espacio para texto visible.
En tu página
Incorrecto ·<input type="email" name="email">Correcto ·<label for="email">Correo electrónico</label><input id="email" type="email">WCAG wcag2a, wcag412 · Nombre técnico: Form elements must have labels · fuente técnica para tu desarrollador
- Grave1× en esta página
Qué significa · Un enlace sin texto legible (p. ej., solo un icono) lo lee el lector de pantalla como 'enlace', sin destino: el visitante no sabe adónde lleva.
Cómo arreglarlo · Dale al enlace un texto visible, o un aria-label / texto oculto que describa el destino (p. ej., 'Ver carrito' en lugar de un icono de carrito sin más).
En tu página
Incorrecto ·<a href="#cart"><span aria-hidden="true">🛒</span></a>Correcto ·<a href="/winkelwagen" aria-label="Ver carrito"><svg>…</svg></a>WCAG wcag2a, wcag244, wcag412 · Nombre técnico: Links must have discernible text · fuente técnica para tu desarrollador
Requiere revisión manual
- Grave1× en esta página
Qué significa · Un texto con poco contraste resulta ilegible para personas con baja visión y también con luz solar intensa en el móvil. Es, con diferencia, el hallazgo EAA más frecuente en tiendas online.
Cómo arreglarlo · Oscurece o aclara el color del texto o del fondo hasta alcanzar una relación mínima de 4,5:1 (3:1 para texto grande). En Shopify: ajustes del tema → colores; ajusta los colores de botones y texto una sola vez y se aplicará a todo el tema.
En tu página
Incorrecto ·<h2>Get 10% off your first order</h2>WCAG wcag2aa, wcag143 · Nombre técnico: Elements must meet minimum color contrast ratio thresholds · fuente técnica para tu desarrollador
Por qué esto cuenta
La Acta Europea de Accesibilidad se aplica desde el 28 de junio de 2025, no es una obligación futura, sino derecho vigente. Los Estados miembros deben imponer sanciones “efectivas, proporcionadas y disuasorias”. Además, cada visitante que no puede usar tu sitio es un cliente que no paga. La buena noticia: las infracciones de certeza automática de arriba tienen solución.
Lo que puede costar el incumplimiento
- Países Bajos, hasta decenas de miles de euros por infracción más multas coercitivas; la ACM aplica la ley de forma activa y en 2026 requirió públicamente a las tiendas online con peores resultados.
- Alemania, hasta 100.000 € (BFSG).
- Francia, hasta 50.000 € por servicio en línea (Arcom).
- España, 90.000 € efectivamente impuestos a Vueling (confirmados por la Audiencia Nacional).
- En 2024 se demandó a 1.023 tiendas online con un widget overlay, el widget no las protegió.
Bajo la EAA, las primeras acciones de aplicación y demandas se pusieron en marcha en 2025-2026; la imposición generalizada de multas aún está en su fase inicial. Estos son los máximos legales.
La trampa del overlay
Los widgets que prometen hacer tu sitio “100% accesible” con una línea de código no reparan el código subyacente, ponen una capa por encima, pueden introducir nuevos problemas y no te protegen contra demandas. En 2025, el regulador estadounidense FTC multó a un conocido proveedor de overlay con 1 millón de dólares por declaraciones de cumplimiento engañosas. Nosotros hacemos lo contrario: mostramos lo que pasa de verdad y cómo arreglarlo de verdad.
¿Cuánto cuesta mantener esto al día tú mismo?
Una estimación aproximada basada en tu escaneo, ajusta los números a tu propia situación.
Los 12 puntos de esta página cuestan, según la estimación, 3 horas ≈ 270 € de tiempo de reparación.
Y eso es una reparación puntual. Tu sitio cambia continuamente, sin supervisión, se cuelan nuevos errores una y otra vez y todo vuelve a empezar. Seviranta encuentra y supervisa esto de forma continua, para que hagas el trabajo de forma dirigida y bien a la primera.
Estimación, no una oferta. El trabajo real depende de cómo esté construido tu sitio, los componentes y plantillas reutilizables ahorran mucho.
Tu declaración de accesibilidad, generada automáticamente
A partir de una auditoría completa elaboramos tu declaración de accesibilidad legalmente exigida, para la UE, EE. UU. o todo el mundo, lista para publicar en tu sitio. Crea una cuenta para generarla y descargarla.
Crear una cuenta¿Quieres saber qué encuentra el mismo motor en tu sitio?
El escaneo gratis analiza una página de tu sitio a toda profundidad. Sin cuenta, sin tarjeta de crédito, y no guardamos nada.