Sitio web accesible: qué es obligatorio desde ya y cómo llegar

Desde junio de 2025 rige en la UE una obligación de accesibilidad para una gran parte de los productos y servicios ofrecidos digitalmente. Para la mayoría de las webs corporativas eso supone menos trabajo del temido: diez medidas cubren la mayor parte.

Una fuente de luz atraviesa una barrera que se abre y alcanza de forma uniforme la superficie de detrás
Nota Este artículo da una visión general y no sustituye al asesoramiento jurídico. Si la obligación os alcanza y en qué medida depende de la oferta, el tamaño de la empresa y el mercado, y debería comprobarse caso por caso.

Lo esencial

  • En la UE, la obligación alcanza sobre todo a quienes venden digitalmente a consumidores; las ofertas exclusivamente empresariales y las microempresas quedan en parte exceptuadas.
  • El criterio son las WCAG en nivel AA. Suena a mucho y es alcanzable en pocos días para una web corporativa corriente.
  • Diez medidas cubren la mayor parte, y casi todas son de todos modos buena práctica.
  • Las herramientas de comprobación automática solo encuentran una parte de los problemas. El resto necesita una prueba con el teclado y con un lector de pantalla.

A quién alcanza

Desde el 28 de junio de 2025 rige en la UE el Acta Europea de Accesibilidad, traspuesta al derecho nacional. Afecta a productos y servicios ofrecidos digitalmente a consumidores.

Caso¿Afectado?
Tienda en línea para consumidores
Reserva o cita en línea para consumidores
Servicio exclusivamente para empresaspor regla general no
Página puramente informativa sin ventapor regla general no
Microempresas en serviciosen parte exceptuadas
Organismos públicossí, ya antes

En Suiza rige la ley de igualdad para las personas con discapacidad, que obliga sobre todo a los organismos públicos. Pero quien suministra a consumidores en la UE queda, con esa oferta, bajo la regulación de la UE: la pregunta se plantea, pues, también para las empresas suizas con negocio en la UE.

Las diez medidas

Ordenadas por efecto por unidad de esfuerzo. Las cinco primeras cubren, según la experiencia, la mayor parte de las objeciones.

1. Textos alternativos para las imágenes

Describen qué significa la imagen en el contexto, no qué se ve en ella. Las imágenes puramente decorativas reciben un atributo vacío para que se salten.

2. Comprobar el contraste

Al menos 4,5:1 para el texto normal y 3:1 para el grande. Afecta en especial a los textos auxiliares grises y a las etiquetas claras sobre superficies de color.

3. Todo alcanzable con el teclado

Cada función debe poder manejarse sin ratón, en un orden con sentido y sin ningún punto donde uno se quede atrapado. Afecta sobre todo a menús, superposiciones y formularios.

4. Foco visible

¿Dónde está el foco del teclado ahora mismo? Un marco claramente visible. El error más frecuente es un outline: none en la hoja de estilos que nunca se sustituyó.

5. Campos de formulario etiquetados

Cada campo necesita un label vinculado. Un texto de marcador no basta: desaparece al escribir y no se lee en todas partes.

6. Titulares en orden

Un H1, debajo H2, debajo H3, sin saltos. Los lectores de pantalla navegan por ellos; una página sin estructura no se puede hojear.

7. Marcar el idioma

<html lang> por versión, y los fragmentos en otro idioma marcados por separado. Sin ese dato, el texto se lee con una pronunciación equivocada.

8. Textos de enlace significativos

«Saber más» cinco veces en una página es inservible cuando los enlaces se leen por separado. El texto del enlace debe entenderse solo.

9. Zoom hasta el 200 por ciento

Al ampliar no puede cortarse ni desaparecer nada. Afecta sobre todo a las alturas fijas y a las superposiciones.

10. Mensajes de error en texto

Un campo con borde rojo no basta: el error debe figurar como texto al lado y decir qué hay que hacer. El color nunca puede ser la única información.

¿Sabías que…?

Nueve de las diez medidas mejoran a la vez la localizabilidad. La jerarquía de titulares, los textos alternativos, los textos de enlace significativos y el idioma marcado son las mismas cosas que necesitan los buscadores y los motores de respuesta.

No es casualidad: un lector de pantalla y un rastreador tienen el mismo problema — no ven la página, leen su estructura. Quien construye para lo uno tiene lo otro hecho en buena medida.

Comprobar, y lo que las herramientas no encuentran

Las herramientas de comprobación automática encuentran, según la valoración habitual, solo una parte de los problemas reales. Lo que sí encuentran con fiabilidad: textos alternativos ausentes, contrastes insuficientes, etiquetas de campo ausentes, marcado de idioma.

Lo que no pueden encontrar:

  • Si un texto alternativo tiene sentido. «imagen1.jpg» pasa la comprobación.
  • Si el orden del teclado es lógico. Presente sí, con sentido no.
  • Si una superposición encierra el foco. Solo se nota en la prueba.
  • Si el orden de lectura corresponde al sentido. Necesita un lector de pantalla real.
Desde la práctica

La prueba significativa más rápida dura diez minutos y no necesita ninguna herramienta: apartar el ratón y manejar la página solo con el tabulador, la tecla de entrada y las flechas. Abrir la página de inicio, navegar al formulario de contacto, rellenarlo y enviarlo.

Dos cosas saltan casi siempre: el foco es invisible en varios puntos, y en un menú o una superposición se puede entrar pero no salir. Ambos son errores graves, ninguno de los dos lo señalan las comprobaciones automáticas, y ambos se corrigen en menos de una hora.

La declaración de accesibilidad

Los proveedores afectados deben exponer cómo cumple su oferta los requisitos. Ahí van:

  1. El estado de la implementación, incluidas las lagunas nombradas con franqueza.
  2. Una vía de contacto para avisos sobre barreras.
  3. La fecha de la última revisión.

Una declaración honesta con lagunas nombradas y un calendario es mejor que una que afirme una conformidad total que una revisión no confirmaría.

Prompt
Ayúdame a valorar qué hay que hacer en nuestra web en materia de
accesibilidad.

Nuestra situación:
- Qué ofrecemos: [oferta]
- ¿Vendemos digitalmente a consumidores? [sí / no / en parte]
- Mercados: [países]
- Empleados y facturación anual: [indicación]
- Elementos interactivos de la página: [formularios, reservas,
  tienda, configurador, acceso de usuario]
- Qué hemos implementado ya: [puntos]

Tareas:
1. Sitúa si la obligación de la UE debería alcanzarnos y a qué
   partes de nuestra oferta. Nombra los puntos que deba valorar
   obligatoriamente una persona especializada.
2. Nombra, de las diez medidas estándar, las más importantes
   para nuestros elementos interactivos, y justifícalo.
3. Formula una lista de comprobación para una prueba de teclado
   de nuestra página: qué recorridos hacemos y en qué nos
   fijamos.
4. Nombra lo que las herramientas automáticas previsiblemente no
   encontrarían en nuestro caso.
5. Diseña el esquema de una declaración de accesibilidad con
   marcadores para nuestro estado.

No inventes artículos, plazos ni importes de sanción.

Conclusión

Para una web corporativa corriente, la accesibilidad en nivel AA no es un gran proyecto: diez medidas, casi todas de todos modos buena práctica, cubren la mayor parte, con un esfuerzo del orden de pocos días.

El paso más eficaz no cuesta nada: apartar el ratón y manejar la propia página una vez con el teclado. Lo que salte ahí no lo encuentra ninguna herramienta automática, y suelen ser los errores más graves.

Preguntas frecuentes

¿Para quién rige la obligación de accesibilidad?

En la UE, desde el 28 de junio de 2025, sobre todo para quienes venden digitalmente a consumidores: tiendas en línea, procesos de reserva y de cita. Las ofertas exclusivamente empresariales y las páginas puramente informativas no suelen estar afectadas, y las microempresas en servicios quedan en parte exceptuadas. Los organismos públicos ya estaban obligados antes.

¿Rige también para empresas suizas?

En Suiza, la ley de igualdad para las personas con discapacidad obliga sobre todo a los organismos públicos. Pero quien suministra a consumidores en la UE queda con esa oferta bajo la regulación de la UE: la pregunta se plantea también para las empresas suizas con negocio en la UE.

¿Qué medidas aportan más?

Cinco cubren la mayor parte de las objeciones: textos alternativos con sentido para las imágenes, contraste suficiente (4,5:1 para el texto normal), manejo completo con teclado, un marco de foco visible y campos de formulario etiquetados con un label vinculado en lugar de un simple texto de marcador.

¿Bastan las herramientas de comprobación automática?

No, encuentran solo una parte de los problemas. Reconocen con fiabilidad los textos alternativos ausentes, los contrastes débiles y las etiquetas de campo que faltan. No pueden reconocer si un texto alternativo tiene sentido, si el orden del teclado es lógico o si una superposición encierra el foco.

¿Ayuda la accesibilidad también a la visibilidad?

Sí, nueve de las diez medidas estándar repercuten directamente en la localizabilidad. La jerarquía de titulares, los textos alternativos, los textos de enlace significativos y el idioma marcado son las mismas cosas que necesitan los buscadores y los motores de respuesta: un lector de pantalla y un rastreador leen ambos la estructura en lugar de la imagen.

Marketing que se configura solo

La beta del Studio Engine está abierta. Reserva tu plaza y participa desde el principio.

Unirse a la beta →
← Volver al listado