EAA y WCAG 2.1: como implementar la accesibilidad digital
ES

EAA y WCAG 2.1: como implementar la accesibilidad digital

Última verificación: 10 de julio de 2026
17 min de lectura
Tutorial
500+ proyectos WP

#Qué significan la EAA y la WCAG 2.1 para los sitios WordPress

Desde el 28 de junio de 2025, la Ley Europea de Accesibilidad (EAA, Directiva 2019/882) se aplica a productos y servicios puestos en el mercado de la UE por primera vez. Para un sitio web o una aplicación web, eso significa cumplir la WCAG 2.1 AA, un estándar del W3C que define cómo debe ser el contenido digital para resultar perceptible, operable, comprensible y robusto. La EAA no enumera por sí misma los criterios de éxito de la WCAG; remite a la norma europea armonizada EN 301 549, que hoy incorpora la WCAG 2.1 nivel AA. La WCAG 2.2 es ya la recomendación vigente del W3C, pero el suelo legal que la mayoría de sitios WordPress deben cumplir hoy sigue siendo el 2.1 AA, razón de más para entenderlo en sus propios términos antes de ir más allá.

Este artículo es el punto de partida. Explica quién está realmente dentro del ámbito, qué exenciones se sostienen y cuáles no, cómo se ve la WCAG 2.1 AA en un proyecto WordPress real, y hacia dónde ir después. Descubre más sobre los servicios de desarrollo WordPress de WPPoland si necesitas un equipo que construye proyectos accesibles, no solo los auditoria.

Dos cifras explican por qué esto no es un asunto de nicho. Alrededor del 15% de la población de la UE vive con alguna forma de discapacidad, y una proporción mucho mayor se beneficia de forma situacional: personas mayores, alguien con una lesión temporal, cualquiera que use una pantalla pequeña bajo luz solar intensa. El trabajo de accesibilidad también se solapa fuertemente con los fundamentos de SEO - la estructura semántica, el texto alternativo descriptivo y el markup limpio ayudan tanto a los buscadores y a los motores de respuesta de IA como a las tecnologías de asistencia. Ambos hilos recorren el resto de esta guía.

#Fechas clave y quién está dentro del ámbito

La fecha de aplicación de la EAA es fija, pero “estar dentro del ámbito” no es una respuesta simple de sí o no - depende de la categoría del producto o servicio, de la fecha del contrato y del tipo de cliente atendido. La tabla siguiente es el resumen práctico; los matices legales en casos límite corresponden a un abogado, no a una entrada de blog.

PlazoQué cubreMatiz B2C vs. B2B
2025-06-28Los requisitos de accesibilidad de la EAA se aplican a productos y servicios puestos en el mercado de la UE por primera vez: comercio electrónico, banca de consumo, libros electrónicos, comunicaciones electrónicas, servicios de acceso a medios audiovisuales e interfaces de transporte de pasajeros (anexo I)La categoría de comercio electrónico está definida en torno a un contrato con consumidor (artículo 3(30)); otras categorías, como la banca y las comunicaciones electrónicas, no tienen esa misma limitación al consumidor
2025-06-28 a 2030-06-28Ventana transitoria: los contratos de servicios celebrados antes del 2025-06-28 pueden continuar en sus condiciones originales como máximo hasta esta fechaSe aplica con independencia del tipo de cliente - lo decisivo es la fecha del contrato, no si el comprador es consumidor o empresa
Fecha de instalación + hasta 20 añosLos terminales de autoservicio (cajeros, máquinas de billetes, quioscos de facturación) ya instalados antes del plazo pueden seguir en servicio hasta el fin de su vida útil, con un límite de 20 añosSobre todo una cuestión de hardware para terminales físicos; raramente relevante para un proyecto puramente WordPress, salvo que controle un quiosco en una tienda física
Continuo, por ejercicio fiscalReevaluación de microempresa: si el número de empleados o el volumen de negocio de un prestador de servicios supera el umbral del artículo 4(5), la exención deja de aplicarse desde ese ejercicio fiscalSe aplica solo a prestadores de servicios - las obligaciones del lado del producto nunca estuvieron cubiertas por esta exención, sea cual sea el tamaño
Fechas nacionales de transposiciónLa mayoría de los Estados miembros transpusieron cerca de la fecha de la UE - en España, la Ley 11/2023 se publicó en el BOE el 8 de mayo de 2023 y su Título I produce efectos plenos desde el 28 de junio de 2025 - pero los organismos de vigilancia, las estructuras sancionadoras y las reglas de la declaración de accesibilidad varían de un país a otroSe aplica al mercado donde se pone el producto o se presta el servicio, no al país de origen del operador

La lectura práctica: si un sitio WordPress vende a consumidores de la UE, opera un checkout de WooCommerce, o presta un servicio de una de las categorías del anexo I, el plazo ya ha pasado y la obligación está activa ahora, no es algo que planificar para “más adelante”.

#Exenciones y ámbito para microempresas

Esta es la sección que más se malinterpreta. “Somos pequeños, así que estamos exentos” es una suposición habitual, y es errónea con más frecuencia de la que es correcta. La Directiva 2019/882 define varias excepciones estrechas, no un pase general para pequeñas empresas.

ExenciónQuién puede reclamarlaCondicionesQué NO cubre
Exención de microempresa (artículo 4(5))Empresas con menos de 10 empleados Y volumen de negocio anual o balance total inferior a 2 millones de EURAmbas condiciones deben cumplirse a la vez; la exención se pierde desde el ejercicio fiscal en que se supere cualquiera de los dos umbralesExime solo servicios. Las obligaciones de fabricación, importación o distribución de productos se aplican con independencia del tamaño de la empresa
Carga desproporcionada (artículo 14, anexo VI)Cualquier operador económico, de cualquier tamañoRequiere una evaluación documentada frente a los criterios del anexo VI, sopesando el coste frente al beneficio para los usuarios; debe renovarse al menos cada cinco años y presentarse a las autoridades si lo solicitanNo es una exención general - el operador sigue obligado a aplicar todo requisito que no se demuestre desproporcionado
Alteración fundamental (artículo 14)Cualquier operador económico, de cualquier tamañoSe aplica solo cuando cumplir un requisito cambiaría fundamentalmente la naturaleza del producto o servicioRara vez aplicable a funciones típicas de WordPress (navegación, formularios, contenido); más relevante para hardware especializado o software a medida
Contratos de servicios preexistentes (artículo 32)Cualquier tamañoLos contratos de servicios celebrados antes del 2025-06-28 pueden continuar en sus condiciones originales como máximo hasta 2030-06-28No se extiende a nuevos contratos firmados después del plazo, ni siquiera con un cliente ya existente
Terminales de autoservicio en uso (artículo 32)Cualquier tamaño, típicamente operadores de hardwareLos terminales ya instalados antes del plazo pueden continuar hasta el fin de su vida útil, con un límite de 20 añosNo se aplica a terminales nuevos comprados o instalados después del plazo
Contenidos pregrabados publicados antes del 28 de junio de 2025 (artículo 2(4))Cualquier tamañoLos medios basados en el tiempo (audio/vídeo) publicados antes del plazo quedan fuera del ámbito con carácter retroactivoLos nuevos contenidos pregrabados publicados después del plazo deben cumplir los requisitos desde el primer día

Un caso real de delimitación de ámbito, explicado paso a paso. Tomemos una tienda WooCommerce con cuatro empleados y un volumen de negocio muy por debajo de los 2 millones de EUR, que vende directamente a consumidores. Según el artículo 4(5) es una microempresa de servicios, así que las obligaciones de accesibilidad para el propio servicio de compra y checkout no le aplican. Esa exención termina en el momento en que la tienda contrata al quinto empleado hasta el décimo y supera los diez, o el volumen de negocio pasa de 2 millones de EUR - la propia directiva no prevé ningún periodo de gracia, así que la suposición de planificación más segura es perder la exención desde el ejercicio fiscal en que se supera el umbral, no desde una fecha de renovación posterior.

Ahora cambiemos un dato: la misma tienda de cuatro personas, pero opera como proveedor mayorista bajo un contrato negociado con una empresa más grande, sin ningún checkout directo al consumidor. Aquí ocurren dos cosas distintas, no una sola. Primero, la categoría de comercio electrónico en la EAA está definida en torno a la celebración de un contrato con consumidor (artículo 3(30), considerando 42) - un canal de venta exclusivamente B2B puede quedar fuera de esa categoría solo por eso, con independencia de la exención de microempresa. Segundo, y esta es la parte que más confunde: quedar fuera de la obligación de comercio electrónico de la propia EAA no significa que la tienda esté libre de requisitos de accesibilidad en esa relación. Si el comprador mayor está a su vez sujeto a la EAA, al NIS2 o a cláusulas de accesibilidad en contratación pública, su propio programa de cumplimiento puede exigir contractualmente herramientas de proveedores conformes con la WCAG, con independencia de que el proveedor sea una microempresa o esté fuera de la categoría de comercio electrónico según el derecho de la UE. La exención de la EAA protege frente a la aplicación de la propia EAA; no hace nada frente a una cláusula contractual de accesibilidad de un cliente.

En España, esto tiene una fecha y un marco concretos: la Ley 11/2023, de 8 de mayo, publicada en el BOE, transpone en su Título I la Directiva 2019/882 y produce efectos plenos desde el 28 de junio de 2025, exigiendo que los productos y servicios afectados cumplan la norma técnica UNE-EN 301549. El incumplimiento puede acarrear sanciones de entre 30.000 y 600.000 EUR según la gravedad de la infracción, además de las obligaciones adicionales para servicios de emergencias del 112 previstas para 2027.

Este es un planteamiento factual, no asesoramiento legal - si una clasificación concreta está en disputa, o los números de facturación están cerca del umbral, confírmalo con un abogado antes de apoyarte en una exención en una declaración pública o en una respuesta a un concurso.

#La WCAG 2.1 AA en la práctica en WordPress

La WCAG 2.1 AA no es una checklist que se marca una vez; es un conjunto de criterios de éxito comprobables que se cumplen o no en una página, formulario o componente dado. Cuatro áreas explican la mayor parte del trabajo real en un sitio WordPress.

Operabilidad por teclado. Todo elemento interactivo - menú, desplegable, modal, control de carrusel, botón de añadir al carrito - tiene que ser alcanzable y operable únicamente con Tab, Shift+Tab, Enter y las flechas, con un indicador de foco visible en cada paso. Aquí es donde más fallan los constructores de páginas y los plugins de slider: un slideshow que solo avanza al pasar el ratón por encima, o un mega-menú que se abre con hover pero nunca con foco, bloquea en silencio a cualquiera que no pueda usar un ratón. La solución rara vez implica reescribir código; suele bastar con añadir los manejadores de eventos de teclado que faltan y un estilo :focus visible con suficiente contraste.

Contraste de color. La WCAG 2.1 AA exige un ratio de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande frente al fondo. Las paletas de marca diseñadas para un logotipo, no para el cuerpo del texto, son el fallo más habitual: un gris claro sobre blanco que luce elegante en una maqueta pero no supera el ratio para alguien con baja visión. Los fallos de contraste son baratos de corregir una vez detectados y caros de dejar sin corregir, porque afectan a cada página que hereda los ajustes de tipografía del tema.

Formularios. Cada campo necesita una etiqueta asociada programáticamente (<label for="id">, no solo un texto de marcador de posición que desaparece al enfocar), cada campo obligatorio debe anunciar que lo es, y cada error de validación debe describirse en texto cerca del campo, no transmitirse solo mediante un borde rojo. Los formularios de checkout y contacto son las superficies de mayor riesgo aquí, porque un formulario que un usuario de lector de pantalla no puede completar es una transacción perdida, no solo una brecha de cumplimiento.

Contenido multimedia. El vídeo necesita subtítulos, el audio necesita transcripción, y toda imagen con significado necesita un texto alternativo que describa su función o contenido en lugar de repetir el nombre del archivo. Las imágenes decorativas (texturas de fondo, espaciadores) deben llevar un alt="" vacío, para que la tecnología de asistencia las ignore en vez de anunciar ruido. Esta es una de las áreas donde la disciplina editorial pesa tanto como el código: un desarrollador puede construir un componente de imagen accesible, pero solo un editor de contenido formado mantiene cada carga nueva conforme.

#Patrones de fallo en WordPress que vemos habitualmente en auditorías

Algunos patrones se repiten en casi todas las auditorías WordPress que realizamos, con independencia del tema o el nicho. La jerarquía de encabezados falla primero: los constructores de páginas suelen emitir un <h1> o <h2> para el texto hero de cada sección, sin importar su lugar real en la estructura del documento, de modo que una página puede tener cinco etiquetas h1 y ningún anidamiento lógico de h2/h3 debajo. Los usuarios de lectores de pantalla navegan por la estructura de encabezados; una estructura rota hace que la página sea mucho más difícil de escanear de lo que jamás notaría un usuario que ve.

Los controles solo con icono vienen después - un botón de añadir al carrito o de búsqueda renderizado como un icono desnudo sin texto visible y, a menudo, sin aria-label tampoco, deja a la tecnología de asistencia sin nada que anunciar. Los carruseles con rotación automática son un tercero muy cercano: sin control de pausa, sin navegación por teclado, y contenido que cambia cada cuatro segundos con independencia de si el lector ha terminado de leer la diapositiva actual.

El cuarto patrón es más discreto, pero igual de importante: los banners de consentimiento de cookies y los modales de newsletter que atrapan el foco del teclado. Un usuario tabula hacia el modal y nunca puede volver a tabular hacia el contenido de la página, porque el desarrollador nunca conectó una trampa de foco que se libere con Escape o con una acción de cierre. Es invisible en una prueba de QA guiada por ratón e inmediatamente evidente la primera vez que alguien prueba solo con teclado.

Ninguno de estos es un error exótico. Son el resultado directo y repetible de plugins y temas populares usados como la mayoría de los sitios los usan, y es precisamente por eso por lo que una auditoría encuentra el mismo puñado de patrones en proyectos no relacionados entre sí. El artículo sobre la pila de cumplimiento 2026 recorre la lista de fallos plugin por plugin - constructores de páginas, plantillas de WooCommerce, plugins de slider, plugins de formularios - con el criterio de éxito de la WCAG concreto que incumple cada uno y la solución concreta para cada caso.

#Ruta de implementación: auditoría, corrección, declaración, monitorización

Convertir “necesitamos cumplir” en un resultado entregado y defendible sigue la misma ruta de cuatro etapas en todos los proyectos que realizamos.

Auditoría. Empieza con una revisión acotada de la WCAG 2.1 AA sobre los recorridos reales de los clientes del sitio - página de inicio, navegación, búsqueda, formularios y cada paso del checkout crítico para el negocio - no solo un escaneo automático de la página de inicio. Las herramientas automatizadas (axe-core, Lighthouse, WAVE) detectan aproximadamente la mitad de los problemas reales; el resto necesita un tester humano con teclado y lector de pantalla.

Corrección. Corrige en el orden que protege primero los recorridos de mayor valor: trampas de teclado y controles de checkout sin etiqueta antes que ajustes cosméticos de contraste en un enlace del pie de página. Una sola corrección en un componente compartido - el estilo de foco del tema, el markup de etiquetas del plugin de formularios - suele resolver decenas de hallazgos repetidos a la vez, y por eso la corrección debe apuntar primero a las plantillas compartidas antes que a páginas individuales.

Publica una declaración de accesibilidad. Una declaración que indique el nivel de conformidad, cualquier limitación conocida y un canal de contacto funcional para quejas de accesibilidad es obligatoria según varias leyes nacionales de transposición y buena práctica en todos los demás casos. También le da a los equipos de compras algo concreto para el expediente.

Monitorización. La accesibilidad se degrada en el momento en que una nueva actualización de plugin, una nueva plantilla de constructor de páginas, o un nuevo editor de contenido entra sin formación. Una comprobación automatizada en CI detecta regresiones en cada despliegue; un retest manual anual detecta lo que la automatización no puede ver.

Para la pila legal completa - los nueve nuevos criterios de éxito de la WCAG 2.2, la relación entre la EAA y las leyes nacionales, y el detalle de corrección a nivel de plugin - lee la pila de cumplimiento 2026 para WordPress. Si quieres una auditoría acotada y por escrito en lugar de una checklist de autoservicio, la auditoría de cumplimiento UE para WordPress cubre la accesibilidad junto con la exposición a NIS2/DORA y la AI Act en un único encargo, con presupuesto individual basado en el alcance real de tu sitio.

#Por qué la accesibilidad se solapa con el SEO y la legibilidad para IA

La mayor parte del trabajo técnico detrás de la WCAG 2.1 AA es también, por separado, buen SEO y buena higiene para los motores de respuesta de IA, razón por la que los presupuestos de accesibilidad son más fáciles de justificar de lo que parecen a primera vista. Una jerarquía de encabezados limpia y secuencial es exactamente lo que usan los rastreadores de buscadores y los modelos de lenguaje que resumen contenido para entender de qué trata realmente una página; la misma corrección que ayuda a un usuario de lector de pantalla a navegar una página también ayuda a un sistema de IA a extraer la sección correcta al responder una consulta sobre ella. El texto alternativo descriptivo hace un doble servicio - como señal para la búsqueda de imágenes y como descripción de respaldo que cualquier sistema de IA que lea el markup de la página puede usar cuando la imagen en sí no se procesa.

El HTML semántico - elementos <button> y <nav> reales en lugar de una sopa de <div> con estilos, asociaciones <label> correctas en los formularios - produce un markup que es a la vez accesible y más fácil de analizar de forma fiable para sistemas automatizados, sea ese sistema un lector de pantalla, un rastreador de búsqueda, o un pipeline de recuperación detrás de un asistente de IA. Nada de esto es casualidad: tanto la accesibilidad como la legibilidad para máquinas convergen en el mismo requisito subyacente, que es contenido que lleva su propia estructura y significado en el markup, en lugar de depender por completo del estilo visual. Tratar un proyecto de corrección de la WCAG solo como un coste legal ignora que buena parte del trabajo se amortiza en visibilidad orgánica.

#Hacia dónde ir después

¿Listo para pasar de la evaluación a la acción? Contáctanos para acotar una revisión de accesibilidad de tu sitio WordPress, o empieza por el recurso que corresponde a tu punto de partida:

Siguiente paso

Transforma el artículo en una implementación real

Este bloque refuerza el enlazado interno y lleva al lector al siguiente paso más útil dentro de la arquitectura del sitio.

¿Quieres implementar esto en tu sitio?

Si quieres transformar el artículo en mejoras concretas, rediseño o un plan de implementación, puedo cerrar el alcance y ejecutar.

Cluster relacionado

Explora otros servicios WordPress y base de conocimiento

Refuerza tu negocio con soporte técnico profesional en áreas clave del ecosistema WordPress.

¿Qué son la EAA y la WCAG 2.1?#
La Ley Europea de Accesibilidad (Directiva 2019/882) es legislación de la UE que exige productos y servicios accesibles. Se refiere legalmente a la EN 301 549, que hoy incorpora la WCAG 2.1 nivel AA como el umbral técnico que la mayoría de sitios y aplicaciones deben alcanzar.
¿Desde cuándo se aplica la EAA y sigue siendo relevante en 2026?#
La EAA se aplica a productos y servicios puestos en el mercado de la UE por primera vez desde el 28 de junio de 2025. Sigue plenamente en vigor en 2026; las leyes nacionales de transposición, como la Ley 11/2023 en España, añaden vigilancia y estructuras sancionadoras locales sobre la base común de la UE.
¿La EAA se aplica a una pequeña tienda WooCommerce?#
Depende del operador, no solo del tamaño de la tienda. Una microempresa de servicios (menos de 10 empleados, volumen de negocio o balance anual inferior a 2 millones de EUR) está exenta de las obligaciones de la EAA para el servicio que presta según el artículo 4(5), pero esa exención nunca cubre las obligaciones del lado del producto y deja de aplicarse en el ejercicio en que se supere cualquiera de los dos umbrales.
¿Las tiendas online exclusivamente B2B están sujetas a las reglas de comercio electrónico de la EAA?#
A menudo no, dentro de esa categoría concreta. La EAA define los servicios de comercio electrónico en torno a la celebración de un contrato con consumidor (artículo 3(30)). Una tienda que vende exclusivamente a otras empresas en condiciones B2B negociadas puede, solo por eso, quedar fuera de esa categoría, con independencia de la exención de microempresa, aunque otras categorías de servicios de la EAA no tienen esa misma limitación al consumidor.
¿Qué pasa si un sitio WordPress no cumple la normativa?#
Las consecuencias dependen de la ley de transposición del Estado miembro y de la autoridad de vigilancia del mercado implicada. En España, la Ley 11/2023 prevé sanciones de hasta 600.000 EUR para las infracciones más graves. Más allá de las multas, un sitio no conforme conlleva riesgo en procesos de contratación, porque compradores públicos y corporativos exigen cada vez más pruebas de accesibilidad antes de firmar.
¿Cómo se empieza a implementar la EAA y la WCAG 2.1 en WordPress?#
Empieza con una auditoría de accesibilidad acotada frente a la WCAG 2.1 AA, prioriza las lagunas de mayor riesgo (checkout, formularios, navegación), corrige en lotes verificados, publica una declaración de accesibilidad y mantén después un ritmo de monitorización para que el contenido nuevo y las actualizaciones de plugins no reintroduzcan los mismos fallos.

¿Necesitas un FAQ adaptado a tu sector y mercado? Preparamos una versión alineada con tus objetivos de negocio.

Hablemos

Artículos Relacionados

Limpieza de contenido AI-slop

Diagnóstico YMYL para sitios WordPress: cómo encontrar estadísticas falsas, citas fabricadas, páginas duplicadas de IA, fechas incorrectas y biografías inventadas antes de que dañen la confianza, el cumplimiento o las citas en IA.