Accesibilidad web obligatoria: qué tienes que hacer si tienes web o tienda online

Desde el 28 de junio de 2025, tener la web accesible ha dejado de ser una buena práctica para convertirse en una obligación legal para buena parte de los negocios que venden por internet en España. La Ley 11/2023, que traspone la directiva europea de accesibilidad, afecta directamente a las tiendas online, la banca electrónica, el transporte y el comercio digital. Y no, no hace falta ser una gran empresa: el umbral es más bajo de lo que crees. Te explicamos qué dice la norma, a quién afecta de verdad y cómo comprobar en un cuarto de hora si tu web la cumple.

Qué dice exactamente la Ley 11/2023

La Ley 11/2023, de 8 de mayo lleva al ordenamiento español la Directiva (UE) 2019/882, conocida como European Accessibility Act. Su objetivo es fácil de explicar e incómodo de ignorar: que una persona con discapacidad visual, auditiva, motriz o cognitiva pueda usar un producto o un servicio digital de forma autónoma, sin tener que pedir ayuda.

Aplicado a una web, eso significa cosas muy concretas: que se pueda navegar solo con el teclado, que el texto tenga suficiente contraste, que las imágenes tengan descripción, que los formularios digan qué ha fallado y dónde, y que nada dependa exclusivamente del color para entenderse.

A quién afecta y quién queda fuera

Esta es la parte que más confusión genera, así que vamos al grano. La ley se aplica a los servicios de comercio electrónico y a una lista cerrada de sectores: banca, transporte de viajeros, telecomunicaciones, libros electrónicos y servicios audiovisuales, entre otros.

Las microempresas que prestan servicios quedan exentas de buena parte de los requisitos. La definición no es opinable: menos de 10 trabajadores y un volumen de negocio anual o un balance que no supere los 2 millones de euros. Si superas cualquiera de los dos umbrales de plantilla o facturación, ya no eres microempresa a efectos de la norma.

Los plazos: qué pasa en 2025 y qué en 2030

Hay dos fechas y confundirlas sale caro:

El tercer caso es el que más gente se encuentra y el que menos se espera: si rehaces la web, el margen de 2030 se te acaba ese mismo día. Es, precisamente, el mejor momento para hacerlo bien, porque adaptar la accesibilidad mientras se diseña no cuesta casi nada y hacerlo después puede obligar a volver a tocar plantillas, colores y formularios.

Qué significa «accesible» en la práctica

La norma técnica de referencia es la EN 301 549, que incorpora las pautas WCAG 2.1 en nivel AA. Suena a jerga, pero se traduce en una lista bastante terrenal:

• Contraste suficiente: mínimo 4,5:1 entre el texto y su fondo (3:1 si el texto es grande). Ese gris claro tan minimalista suele suspender.
• Navegable con teclado: todo lo que se puede clicar debe poder alcanzarse con el tabulador, y hay que ver dónde estás en cada momento.
• Texto alternativo en las imágenes: una descripción útil, no el nombre del archivo. Si la imagen es decorativa, un alt vacío para que el lector de pantalla la salte.
• Encabezados en orden: un solo h1 y una jerarquía que no salte del h2 al h4. Mucha gente navega saltando de titular en titular.
• Formularios que explican el error: «revisa el correo electrónico: falta la arroba» en lugar de un recuadro rojo sin texto.
• Nada que dependa solo del color: si el rojo significa «agotado», que lo ponga también escrito.
• Zoom hasta el 200 % sin que el contenido se rompa ni desaparezca.
• Vídeos con subtítulos cuando hay voz que aporta información.

Cómo comprobarlo tú mismo en quince minutos

No hace falta contratar nada para saber si tienes un problema. Con tu web abierta en el navegador:

• Prueba del tabulador. Haz clic arriba del todo y ve pulsando Tab. Tienes que ver siempre un contorno en el elemento donde estás, y el orden debe tener sentido. Si el contorno desaparece, ya tienes un incumplimiento.
• Prueba del zoom. Sube al 200 % con Ctrl y +. Si el menú tapa el contenido o los textos se pisan, hay trabajo.
• Prueba de las imágenes. Clic derecho, «Inspeccionar», y mira si los <img> tienen atributo alt con una descripción de verdad.
• Prueba del formulario. Envía el formulario de contacto vacío. Si solo se pone rojo y no dice qué falta, no cumple.
• Prueba de contraste. Usa Lighthouse (ya viene dentro de Chrome, en «Herramientas para desarrolladores») y mira la puntuación de Accessibility.

Los cinco errores que nos encontramos siempre

Después de revisar muchas webs de negocios de Osona y comarca, los incumplimientos se repiten con una regularidad sospechosa:

• El foco escondido. Alguien puso outline: none en el CSS porque «quedaba feo» y dejó ciega toda la navegación por teclado.
• Texto gris claro sobre fondo blanco. Elegante en la pantalla del diseñador, ilegible en la del cliente de 60 años.
• Imágenes sin alt, o con el nombre del archivo. IMG_20240712.jpg no describe nada.
• Carruseles automáticos sin pausa. Si el contenido se mueve solo y no se puede parar, hay gente que directamente no puede leerlo.
• Iconos sin nombre. Un botón que solo es una lupa, para un lector de pantalla, es un botón vacío.

Ninguno de estos cinco es caro de arreglar. Los cinco son caros de ignorar.

Lo que no dice la ley: accesible vende más

Dejando de lado la obligación, hay un argumento que no aparece en el BOE y que debería bastar: en España hay más de 4 millones de personas con discapacidad reconocida, y la población envejece. Una web que se puede usar con la vista cansada, con una mano, o con el móvil al sol del mediodía, no es una web «para discapacitados»: es una web que funciona para todo el mundo.

Y hay un efecto lateral que a los negocios les suele interesar más: buena parte de lo que pide la accesibilidad —encabezados ordenados, texto alternativo, HTML semántico, contraste— es exactamente lo que le facilita el trabajo a Google. No es casualidad que las webs accesibles suelan posicionar mejor. Lo explicamos con detalle en el artículo sobre cómo posicionar tu negocio en la era de la búsqueda con IA, donde la estructura del contenido tiene un peso decisivo.

En WebMasterOsona aplicamos estos criterios desde el primer boceto, no como un parche final. Si quieres saber en qué punto está tu web ahora mismo, una auditoría digital te da el diagnóstico por escrito y priorizado. Y si te estás planteando rehacerla, vale la pena leer antes cuáles son las tendencias de diseño web que de verdad impactan en las conversiones.