Inicio/Glosario/Accesibilidad web (WCAG)
Infraestructura técnicaAccesibilidad web (WCAG)
La accesibilidad web es la práctica de diseñar y construir sitios usables por todas las personas, incluidas las que usan tecnologías de asistencia. WCAG es el estándar internacional del W3C que define cómo lograrlo, organizado en cuatro principios: perceptible, operable, comprensible y robusto.
Qué es
La accesibilidad web busca que cualquier persona pueda percibir, entender y operar un sitio, con independencia de discapacidades visuales, auditivas, motrices o cognitivas, y del uso de tecnologías de asistencia como los lectores de pantalla. WCAG (Web Content Accessibility Guidelines) es el estándar del W3C, a través de su iniciativa WAI, que define los requisitos técnicos para conseguirlo.
WCAG se organiza en torno a cuatro principios, conocidos por el acrónimo POUR: el contenido debe ser Perceptible (la información se puede captar por algún sentido: alternativas de texto, contraste suficiente, subtítulos), Operable (la interfaz se maneja por distintos medios, incluido solo el teclado, sin trampas de foco), Comprensible (texto e interacción predecibles) y Robusto (compatible con tecnologías presentes y futuras mediante HTML válido y semántico). El cumplimiento se mide con criterios de éxito en tres niveles: A (mínimo), AA (referencia de mercado y la que se exige en la práctica) y AAA (máximo, no siempre alcanzable en todo el sitio).
Las versiones vigentes y retrocompatibles son WCAG 2.0 (2008), 2.1 (2018) y 2.2 (octubre de 2023, la recomendada actual). En el marco legal de la UE, el European Accessibility Act (Directiva (UE) 2019/882), transpuesto en España por la Ley 11/2023, es de aplicación obligatoria desde el 28 de junio de 2025 para sectores como comercio electrónico, banca, transporte y aplicaciones, con base técnica en la norma armonizada EN 301 549, que toma WCAG nivel AA como referencia.
Por qué importa
La accesibilidad tiene tres dimensiones que conviene no confundir. Es una cuestión ética y de uso: una parte real de las personas accede a la web con tecnologías de asistencia, y una web inaccesible las excluye. Es una cuestión legal: en la UE y España el marco normativo la exige a determinados sectores, con consecuencias por incumplimiento.
Y hay una tercera dimensión menos obvia. El mismo HTML semántico y el árbol de accesibilidad que sirven a los lectores de pantalla son la base sobre la que los agentes de IA y los navegadores agénticos leen, entienden y actúan en una página. La documentación de Google indica que los agentes de navegador inspeccionan el árbol de accesibilidad. Por eso una web accesible está, además, mejor preparada para ser comprendida por máquinas; es el mismo terreno que pisa la Citabilidad en respuestas de IA, donde un contenido bien estructurado tiene más opciones de ser extraído y citado. Ese HTML semántico convive con los Datos estructurados (schema.org), que añaden una capa de significado explícito para máquinas sobre la misma página. Esto no es una promesa de resultados: es infraestructura compartida entre personas y agentes. El detalle de la experiencia de agente se trata en su propia ficha (AUX · Agent Experience).
En profundidad
Principios POUR y niveles de conformidad A/AA/AAA
WCAG se estructura en cuatro principios: Perceptible, Operable, Comprensible y Robusto. Cada uno agrupa criterios de éxito clasificados en tres niveles. El nivel A es el mínimo, el AA es la referencia de mercado y el que la normativa suele exigir, y el AAA es el máximo y no siempre alcanzable en todas las páginas. En auditorías, el objetivo realista es AA. El principio robusto implica HTML válido y semántico compatible con tecnologías de asistencia; esa misma base semántica es la que sostiene una buena Arquitectura web entendible tanto por personas como por rastreadores.
| Nivel | Exigencia | Objetivo de auditoría |
|---|---|---|
| A | Mínimo imprescindible | Base de partida, nunca el techo |
| AA | Referencia de mercado y normativa | Objetivo realista y exigible |
| AAA | Máximo, no siempre alcanzable | Mejora puntual, no global |
Novedades de WCAG 2.2
WCAG 2.2 (octubre de 2023) añade criterios pensados para móvil y nuevos patrones de interacción, entre ellos un tamaño mínimo de los objetivos táctiles (2.5.8 Target Size (Minimum), AA), que el foco no quede oscurecido por otros elementos (2.4.11 Focus Not Obscured (Minimum), AA) y la autenticación accesible que no dependa de pruebas cognitivas (3.3.8 Accessible Authentication (Minimum), AA). Las versiones 2.0, 2.1 y 2.2 son retrocompatibles: lo que cumple 2.2 cumple también las anteriores. Varios de estos criterios tocan la capa de interacción y rendimiento en móvil, ámbito que también miden los Core Web Vitals desde la perspectiva de experiencia de usuario.
Marco legal en la UE y España
El European Accessibility Act (Directiva (UE) 2019/882) se transpuso en España mediante la Ley 11/2023 y es de aplicación obligatoria desde el 28 de junio de 2025 para sectores como comercio electrónico, banca online, transporte, telecomunicaciones, medios digitales y aplicaciones. Su base técnica es la norma armonizada EN 301 549 (UNE-EN 301 549), que toma WCAG nivel AA como referencia. El alcance incluye empresas de fuera de la UE que prestan servicio a clientes europeos. Conviene contrastar los plazos, exenciones y la versión exacta de WCAG exigible (la norma EN 301 549 vigente referencia una versión concreta de WCAG, que puede no ser aún la 2.2) con las fuentes oficiales: el BOE y la norma en vigor.
Accesibilidad como base para los agentes de IA
El HTML semántico y el árbol de accesibilidad que usan los lectores de pantalla son la misma estructura que los agentes de IA y navegadores agénticos inspeccionan para entender una página y completar tareas. Si un lector de pantalla interpreta bien una web, un agente tiene más posibilidades de hacerlo. Así, accesibilidad y preparación para la IA comparten infraestructura: HTML nativo, nombres accesibles, jerarquía clara y diálogos correctamente marcados. Es el mismo principio que persigue una Web AI-native y el que aprovechan la GEO · Generative Engine Optimization y los AI Overviews y AI Mode cuando un motor generativo necesita leer y resumir la página con fiabilidad. El desarrollo de este ángulo corresponde a la ficha de experiencia de agente (AUX · Agent Experience).
Qué observar
Las señales que importan.
Conformidad declarada y verificable a nivel AA, no a ojo
Una declaración de conformidad WCAG con su nivel (habitualmente AA) y versión es señal de que la accesibilidad se ha medido, no solo afirmado. Las herramientas automáticas detectan una parte de los problemas; el resto requiere revisión manual.
Uso de elementos HTML nativos en lugar de div o span con click
Un button, un nav o un label nativos aportan rol, estado y comportamiento de teclado de serie. Recrear esos elementos con div clicables obliga a reconstruir a mano lo que el navegador ya ofrece, y suele dejar huecos para teclado y lectores de pantalla.
Navegación completa por teclado con foco visible
Poder recorrer toda la interfaz solo con teclado, viendo en todo momento dónde está el foco y sin quedar atrapado en un componente, es uno de los requisitos operables centrales de WCAG.
Jerarquía de encabezados correcta y landmarks
Una estructura de encabezados ordenada (un H1, luego H2, H3) y regiones o landmarks que delimitan la página permiten que las tecnologías de asistencia construyan un mapa navegable del contenido.
Alternativas de texto en imágenes con información y subtítulos en vídeo
Las imágenes que transmiten información necesitan un texto alternativo descriptivo, y el vídeo, subtítulos. Es el principio perceptible: la misma información disponible por más de un canal sensorial.
Conceptos clave
El vocabulario del término.
- POUR
- Acrónimo de los cuatro principios de WCAG: Perceptible, Operable, Comprensible (Understandable) y Robusto. La 'R' de robusto implica HTML válido y semántico compatible con tecnologías de asistencia.
- Niveles de conformidad A/AA/AAA
- Clasificación de los criterios de éxito de WCAG: A es el mínimo, AA la referencia legal y de mercado (objetivo realista en auditorías) y AAA el máximo, no siempre alcanzable en todo el sitio.
- Lector de pantalla
- Tecnología de asistencia que convierte el contenido de una página en voz o braille a partir de su estructura semántica, permitiendo usar la web sin ver la pantalla.
- Árbol de accesibilidad
- Representación que el navegador genera a partir del DOM con los roles, nombres y estados de los elementos. Lo consumen las tecnologías de asistencia y también los agentes de IA para entender y operar la página.
- ARIA
- Conjunto de atributos (roles, estados, propiedades) que complementan el HTML para describir componentes dinámicos a las tecnologías de asistencia. Se usa cuando el HTML nativo no basta; no sustituye a usar elementos nativos.
- EN 301 549
- Norma armonizada europea que fija los requisitos de accesibilidad de productos y servicios TIC y toma WCAG nivel AA como base técnica. Es la referencia del European Accessibility Act.
- European Accessibility Act
- Directiva (UE) 2019/882 que armoniza los requisitos de accesibilidad en la UE. Transpuesta en España por la Ley 11/2023, obligatoria desde el 28 de junio de 2025 para sectores como e-commerce, banca y transporte.
Dónde lo aplicamos
Aún no mostramos casos.
No inventamos resultados. Cuando tengamos casos reales —anonimizados y medibles— donde este concepto marcó la diferencia, vivirán aquí.
Fuentes
- Web Content Accessibility Guidelines (WCAG) — W3C WAI · 2023-10-05
- Understanding WCAG 2.2 (nuevos criterios de éxito) · 2023-10-05
- Web Content Accessibility Guidelines (WCAG) 2.2 — W3C Recommendation · 2024-12-12
- Guía de Google sobre la optimización para las funciones de IA generativa de la Búsqueda · 2026-05-22
- Agentes web y la importancia del HTML semántico y accesible — Natzir Turrado · 2025-08-20
- Acta Europea de la Accesibilidad: qué cambia a partir del 28 de junio — CEDDD · 2025-06-01
Una pieza del glosario.
Forma parte del glosario de SEO, analítica e IA de InnovaOrigen Tech: un mapa de conceptos definidos con criterio y fuentes. Si quieres llevarlo a tu caso, lo vemos sin compromiso.