Qué es la accesibilidad web y qué exige la ley en España

¿Qué son las pautas WCAG?

Las WCAG (Web Content Accessibility Guidelines) son las pautas del W3C que definen cómo hacer accesible el contenido web; la versión 2.2 se publicó en octubre de 2023 y se organiza en cuatro principios: perceptible, operable, comprensible y robusto.

Cada criterio tiene un nivel —A, AA o AAA—, y el nivel AA es la referencia habitual en leyes y contratos. Incluye, por ejemplo, el contraste mínimo de 4,5:1 para el texto, el uso completo con teclado y los textos alternativos de las imágenes.

¿Qué exige la ley en España?

La Ley Europea de Accesibilidad (directiva 2019/882), incorporada en España con la Ley 11/2023, se aplica desde el 28 de junio de 2025 a productos y servicios como el comercio electrónico, la banca, el transporte o los libros electrónicos.

Las microempresas que prestan servicios —menos de 10 empleados y hasta 2 millones de euros de facturación— quedan exentas de los requisitos de servicios, pero las tiendas online de empresas más grandes deben cumplirlos. Las webs del sector público ya tenían obligaciones propias desde antes.

¿Qué relación hay entre accesibilidad y SEO?

Accesibilidad y SEO comparten muchas prácticas: textos alternativos en las imágenes, encabezados ordenados, enlaces con texto descriptivo, buena estructura HTML y páginas rápidas ayudan a la vez a los lectores de pantalla y a Google.

Además, una web accesible amplía el público: si una de cada seis personas tiene alguna discapacidad significativa, una web que no pueden usar pierde clientes antes de cualquier problema de posicionamiento.

¿Qué es lo más importante para empezar?

Para empezar, lo que más impacto tiene es el texto alternativo en las imágenes, el contraste suficiente, la navegación completa con teclado, las etiquetas en los formularios, el idioma de la página declarado y los encabezados en orden.

• Texto alternativo que describa cada imagen con información.
• Contraste de al menos 4,5:1 en el texto normal.
• Todo se puede usar con el teclado, con el foco visible.
• Formularios con etiquetas, no solo con texto de ejemplo.
• Atributo lang con el idioma de la página.
• Encabezados en orden, sin saltos.

¿Cómo cuidamos la accesibilidad en Estrategia 360?

Los bloques de Estrategia 360 se construyen con HTML semántico —encabezados en orden, listas, tablas con encabezados—, textos alternativos en las imágenes, etiquetas en los campos de las herramientas y avisos de cambio para los lectores de pantalla.

Las animaciones respetan la preferencia de movimiento reducido del sistema, los botones tienen un tamaño cómodo y el contraste del texto se comprueba con la misma fórmula que usa el comprobador de la página de UI.

¿Cómo hacer una web accesible paso a paso?

Cómo mejorar la accesibilidad de una web:

1. Pasar una herramienta automática, como Lighthouse o WAVE, para detectar errores básicos.
2. Navegar toda la web solo con el teclado.
3. Revisar textos alternativos, contraste y etiquetas de formularios.
4. Probar con un lector de pantalla las páginas principales.
5. Corregir los problemas por orden de impacto.
6. Publicar una declaración de accesibilidad si la ley lo exige.

¿Sirven los plugins de accesibilidad?

Los plugins o barras de accesibilidad que prometen hacer accesible una web con una línea de código no corrigen los problemas de fondo: no arreglan un formulario sin etiquetas ni una estructura mal hecha.

Pueden ayudar como complemento, pero la accesibilidad real se consigue en el diseño y en el código. Muchos usuarios de lectores de pantalla prefieren webs bien construidas a cualquier barra de ajustes.

¿Qué errores se cometen con la accesibilidad?

El error más frecuente son las imágenes sin texto alternativo y los textos con poco contraste, que dejan fuera a muchas personas desde el primer segundo.

• Botones hechos con elementos que no se pueden usar con teclado.
• Formularios sin etiquetas.
• Vídeos sin subtítulos.
• Texto dentro de imágenes.
• Confiar solo en un plugin automático.