Accesibilidad Web (WCAG): Guía Práctica para Cumplir la Normativa y Ganar Clientes

La accesibilidad web ya no es opcional. Aprende a cumplir las normas WCAG 2.2, evitar sanciones y ampliar tu audiencia con un diseño inclusivo.

Una gestoría del Eixample nos contactó tras recibir una queja formal de un cliente que usaba lector de pantalla y no conseguía rellenar el formulario de contacto de su web. No era mala fe, era simple desconocimiento: nadie en el equipo sabía que existían normas de accesibilidad ni que, desde junio de 2025, la Directiva Europea de Accesibilidad las convierte en obligatorias para buena parte de los servicios digitales.

Junio de 2025 cambió las reglas, aunque pocos se hayan enterado

La normativa europea (European Accessibility Act) exige que servicios digitales relevantes —banca, comercio electrónico, transporte, entre otros— cumplan criterios de accesibilidad. Muchos negocios en Barcelona todavía no saben si les afecta, y la respuesta suele ser sí, aunque sea de forma parcial: si vendes online o gestionas citas y pagos desde tu web, es momento de revisarlo.

Según la OMS, alrededor del 16% de la población mundial convive con alguna discapacidad. En España son más de 4 millones de personas, un mercado que ninguna web debería estar dejando fuera sin darse cuenta.

Qué es exactamente WCAG y qué nivel te toca cumplir

WCAG (Web Content Accessibility Guidelines) es el estándar internacional de accesibilidad web, organizado en cuatro principios: que el contenido sea perceptible, operable, comprensible y robusto frente a distintas tecnologías. La versión vigente es la 2.2, y el nivel que exige la normativa europea como mínimo es el AA, no el más básico A ni el más exigente AAA.

Lo que el nivel AA pide en la práctica

• Contraste de color: mínimo 4.5:1 entre texto y fondo para texto normal, 3:1 para texto grande; muchas webs con paletas de moda en gris claro sobre blanco incumplen esto sin saberlo.
• Navegación por teclado: todo debe poder usarse sin ratón, incluidos menús desplegables y formularios.
• Textos alternativos en imágenes: cada imagen relevante necesita una descripción para quien usa lector de pantalla.
• Etiquetas claras en formularios: cada campo debe indicar qué se pide, sin depender solo del color o de un placeholder que desaparece al escribir.
• Videos con subtítulos: cualquier contenido audiovisual relevante debe ofrecer alternativa textual.

Los mitos que retrasan a la mayoría de negocios

Un mito habitual es pensar que la accesibilidad hace las webs "feas" o limita el diseño. En realidad, buena parte de las mejoras de accesibilidad —jerarquía visual clara, contraste correcto, botones grandes y bien espaciados— también mejoran la experiencia de cualquier usuario, incluido el que navega desde el móvil con luz de sol directa. Otro mito es pensar que solo afecta a un grupo reducido de personas: la accesibilidad también beneficia a usuarios mayores, a quien tiene una lesión temporal en la mano, o a quien simplemente navega en un entorno ruidoso sin poder subir el volumen del móvil.

Cuánto cuesta hacerlo bien y cuánto cuesta ignorarlo

Auditar y corregir una web existente para cumplir el nivel AA suele costar entre 500 y 2.000 euros dependiendo del tamaño y la complejidad, mucho menos que rehacer la web desde cero. Ignorarlo, en cambio, expone a sanciones administrativas según la normativa de cada país miembro y, sobre todo, a perder clientes que directamente no pueden usar tu web y se van a la competencia sin decir nada.

Por dónde empezar si no has tocado esto nunca

Lo primero es una auditoría básica: revisar contraste con herramientas gratuitas como el comprobador de contraste de WebAIM, comprobar que se puede navegar toda la web solo con la tecla tabulador, y revisar que las imágenes principales tengan texto alternativo. A partir de ahí, cualquier proyecto de diseño web nuevo debería incorporar estos criterios desde el primer boceto, no como un parche al final.

Herramientas gratuitas para empezar hoy mismo la revisión

No hace falta contratar una auditoría cara para dar los primeros pasos: extensiones de navegador como axe o WAVE detectan buena parte de los problemas de contraste y etiquetado en minutos. Son un buen punto de partida antes de encargar una revisión más completa a un profesional.

Accesibilidad y SEO van de la mano

Muchas de las prácticas que exige WCAG —textos alternativos en imágenes, jerarquía correcta de encabezados, estructura clara de contenido— son también señales que Google valora para posicionar una web. Invertir en accesibilidad no es solo cumplir la ley, es también reforzar el trabajo de SEO local que ya estés haciendo.

La gestoría del Eixample que mencionaba al principio corrigió su formulario en menos de dos semanas y aprovechó para revisar el resto de la web. Hoy lo cuentan como el empujón que necesitaban para modernizar toda su presencia digital. Si quieres una revisión de accesibilidad de tu web actual, en servicios y en nuestro apartado de mantenimiento web explicamos cómo lo integramos en el trabajo continuo, no como un proyecto aislado.