Una web accesible es la que pueden usar todas las personas, incluidas las que tienen alguna discapacidad visual, auditiva, motora o cognitiva. WCAG (Web Content Accessibility Guidelines) son las pautas internacionales del W3C que definen cómo conseguirlo, organizadas en tres niveles: A, AA y AAA. Te afectan por tres motivos: porque una parte de tus clientes las necesita, porque la normativa europea ya obliga a muchas empresas a cumplirlas y porque una web accesible suele ser, además, más fácil de usar y de posicionar para todo el mundo.
Qué es WCAG, en cristiano
WCAG es un conjunto de criterios comprobables: no dice «haz una web bonita y usable», sino cosas concretas como «el texto debe tener suficiente contraste con el fondo» o «todo debe poder manejarse con el teclado». Se organizan en cuatro principios, que en inglés forman el acrónimo POUR:
| Principio | Qué significa | Ejemplo |
|---|---|---|
| Perceptible | La información se puede percibir por más de un sentido | Texto alternativo en las imágenes, subtítulos en los vídeos |
| Operable | Se puede manejar de distintas formas | Navegar con el teclado, sin límites de tiempo imposibles |
| Comprensible | El contenido y el funcionamiento se entienden | Lenguaje claro, mensajes de error que explican qué falla |
| Robusto | Funciona con distintas tecnologías, incluidas las de apoyo | Código bien estructurado que los lectores de pantalla interpretan |
Cada criterio tiene un nivel. El nivel AA es el que se toma como referencia en la normativa y el objetivo razonable para casi cualquier web.
A quién afecta (más gente de la que crees)
La accesibilidad no es solo cosa de personas ciegas con lector de pantalla. Piensa en:
- Personas mayores con vista cansada o poco pulso.
- Alguien con daltonismo que no distingue tu botón rojo del verde.
- Quien tiene una lesión en la mano y navega con el teclado.
- Personas sordas que necesitan subtítulos en tu vídeo de presentación.
- Cualquiera que mira el móvil a pleno sol, con una mano ocupada o con prisa.
Todas son clientes potenciales. Una web que no pueden usar es una puerta cerrada, igual que un local con escalones y sin rampa.
Qué dice la ley
Hasta hace poco, la obligación de cumplir WCAG en España recaía sobre todo en el sector público. Eso ha cambiado con la Directiva Europea de Accesibilidad (conocida como European Accessibility Act), aplicable desde junio de 2025 y trasladada a la legislación española.
A grandes rasgos, extiende las exigencias de accesibilidad a muchos productos y servicios del sector privado, entre ellos el comercio electrónico, la banca, el transporte o ciertos servicios de comunicaciones. Las microempresas que prestan servicios están exentas en buena parte de los casos, pero conviene comprobarlo para tu situación concreta con tu asesoría.
Nuestro consejo: aunque no estés obligado hoy, trabajar la accesibilidad es una buena inversión. Las obligaciones tienden a ampliarse, y adaptar una web desde el principio es mucho más sencillo que hacerlo después.
Los fallos de accesibilidad más habituales
Si revisas webs al azar, aparecen una y otra vez los mismos problemas:
- Poco contraste: texto gris claro sobre fondo blanco, muy elegante y muy difícil de leer. Para texto normal, el nivel AA pide un contraste de al menos 4,5:1.
- Imágenes sin texto alternativo, o con alternativas inútiles como «imagen1.jpg».
- Formularios sin etiquetas: campos que solo tienen un texto de ejemplo dentro que desaparece al escribir.
- Enlaces y botones que no dicen nada: «pincha aquí», «ver más», un icono sin nombre.
- Imposible navegar con el teclado: menús que solo se abren al pasar el ratón, ventanas emergentes que atrapan el foco.
- Encabezados desordenados: títulos elegidos por su tamaño de letra y no por su jerarquía.
- Vídeos sin subtítulos y audios sin transcripción.
- Información que depende solo del color: «los campos en rojo son obligatorios».
Casi todos tienen arreglo sencillo si se hacen bien desde el diseño.
Cómo revisar tu web en 20 minutos
No sustituye a una auditoría, pero te dará una idea clara:
- Prueba el teclado: desconecta el ratón y recorre tu web con la tecla Tab. ¿Ves siempre dónde estás? ¿Llegas a todo? ¿Puedes enviar el formulario de contacto?
- Haz zoom al 200 % en el navegador. ¿Se sigue leyendo sin que se monte todo?
- Pasa una herramienta automática como WAVE o Lighthouse (integrada en Chrome). Detectan problemas de contraste, textos alternativos ausentes o etiquetas que faltan.
- Escucha tu web con el lector de pantalla de tu sistema (VoiceOver en Mac e iPhone, TalkBack en Android, NVDA en Windows, que es gratuito). Es revelador.
Ojo: las herramientas automáticas solo detectan una parte de los problemas. Que una herramienta no encuentre errores no significa que la web sea accesible.
Accesibilidad, SEO y conversión: la misma dirección
Lo bueno es que lo que ayuda a una persona con discapacidad suele ayudar a todo el mundo, y también a Google:
- Los textos alternativos ayudan a que las imágenes se entiendan y aparezcan en búsquedas de imágenes.
- Una estructura de encabezados clara facilita que buscadores y asistentes de IA entiendan el contenido.
- Botones y enlaces descriptivos mejoran la experiencia y la conversión.
- Formularios claros, con errores bien explicados, se completan más.
Por eso la accesibilidad encaja de forma natural en un buen diseño UX/UI: no es una capa que se añade al final, es una forma de diseñar.
Por dónde empezar
- Haz la revisión rápida de arriba en tu página de inicio, tu página de servicios y tu formulario de contacto.
- Corrige lo fácil: contraste, textos alternativos, etiquetas de formularios, enlaces descriptivos.
- Revisa la navegación con teclado y el orden de los encabezados.
- Si vendes online o tu sector está obligado, encarga una auditoría completa contra WCAG nivel AA.
- Incluye la accesibilidad en cualquier rediseño desde el primer boceto.
En resumen
Una web accesible no es un extra: es una web que funciona para todas las personas, cumple con la normativa que cada vez alcanza a más empresas y, de paso, vende y posiciona mejor. Si estás pensando en un diseño web profesional o quieres que revisemos la accesibilidad de tu web actual, cuéntanos.
¿Hablamos?