Sitio web accesible: utilizable por todos, no solo una obligación

Antes de nada: esta sección es una orientación, no asesoramiento jurídico. La clasificación de su empresa corresponde, en caso de duda, a una abogada o a un abogado. La situación legal y su interpretación cambian; consulte la información actualizada de los organismos competentes.

La ley de refuerzo de la accesibilidad (BFSG) transpone una directiva europea y se aplica desde el 28 de junio de 2025. Según nuestra interpretación, se dirige en primer lugar a los proveedores de productos y servicios para consumidores. En el ámbito web afecta especialmente al comercio electrónico, es decir, a las tiendas en línea y a las ofertas a través de las cuales los consumidores celebran contratos. No están incluidas las ofertas dirigidas exclusivamente a empresas (B2B). Las microempresas (menos de 10 empleados y un volumen de negocio o balance de como máximo 2 millones de euros) están exentas de la BFSG en el caso de los servicios, pero no en el de los productos.

Ayuda para decidir y hacerse una primera idea

1. ¿Vende en línea a consumidores o celebra contratos en línea con ellos? Si no, es menos probable que le afecte; si sí, pase a la pregunta 2.
2. ¿Ofrece servicios y es una microempresa en el sentido indicado más arriba? Entonces puede aplicarse la excepción. Pida que se lo confirmen. Si vende productos, la excepción no se aplica.
3. ¿Es su oferta un servicio bancario, de telecomunicaciones, de transporte de viajeros, un libro electrónico u otro ámbito regulado de forma similar? Entonces existen normas propias.
4. ¿Gestiona su página por encargo de terceros (por ejemplo, comerciantes en su plataforma)? Examine por separado los roles y las responsabilidades.

Con independencia de la obligación, la accesibilidad mejora la facilidad de uso para muchas personas y coincide en gran parte con un buen diseño web. Los organismos públicos están sujetos a requisitos distintos. Qué obligaciones (por ejemplo, declaración de accesibilidad, vía para comentarios, distintivo) se aplican en cada caso lo aclara el examen jurídico.

El contraste entre el texto y el fondo se expresa como la relación entre dos valores de luminosidad. Cuanto mayor es el valor, mejor se lee. En el nivel AA, WCAG exige al menos 4,5 a 1 para el texto normal, al menos 3 a 1 para el texto grande (aproximadamente a partir de 24 píxeles, o 18,5 píxeles en negrita) y también 3 a 1 para los elementos de control importantes y las indicaciones gráficas.

Un caso frecuente: texto gris claro sobre fondo blanco. El gris con el valor de color #777777 alcanza sobre blanco alrededor de 4,48 a 1 y, por tanto, no cumple por poco; #767676 está en torno a 4,54 a 1 y cumple por poco. Una diferencia tan pequeña decide si un diseño cumple el requisito. Las calculadoras de contraste gratuitas, integradas en las herramientas de desarrollo del navegador o disponibles en la red, muestran el valor al instante.

Reglas prácticas para los colores

• Compruebe cada combinación de texto y fondo, también el texto sobre imágenes y degradados.
• No se fíe nunca solo del color: marcar un campo obligatorio únicamente en rojo es invisible para las personas con daltonismo. Añada un símbolo o un texto.
• Los botones y los campos de entrada necesitan un borde visible o un contraste de superficie de al menos 3 a 1 respecto al entorno.
• Los enlaces dentro del texto corrido no deberían distinguirse solo por el color; el subrayado es el medio más seguro.
• Pruebe también su página con un simulador de daltonismo y con el brillo de pantalla alto, al aire libre.

El mundo cromático de su marca no tiene por qué volverse aburrido. Con una variante más oscura del color principal para el texto y otra más clara para las superficies surgen combinaciones legibles. Encontrará más sobre la elección en Paleta de colores.

Los lectores de pantalla no leen una página como una fotografía, sino como una estructura: encabezados, listas, enlaces, campos de formulario. Los usuarios suelen saltar de un encabezado a otro, igual que quienes ven la página la recorren con la vista. Por eso una buena estructura es la base.

Casi todo esto es código limpio, que también ayuda a los buscadores. Quien marca bien, gana por partida doble.

El audio y el vídeo necesitan alternativas. Las personas sordas necesitan subtítulos, las ciegas una descripción de los contenidos visuales importantes, y todos se benefician de una transcripción en la que se pueda buscar. El movimiento puede perjudicar o distraer a algunas personas; por eso existen reglas claras:

• Subtítulos para los vídeos grabados con sonido y, en la medida de lo posible, también para las emisiones en directo.
• Transcripción o versión en texto para los contenidos solo de audio.
• Sin reproducción automática con sonido. Si algo se inicia solo y dura más de cinco segundos, necesita una opción de pausa.
• Sin elementos intermitentes. Parpadear más de tres veces por segundo puede provocar crisis en personas sensibles.
• Respeto por los ajustes del sistema. Quien ha activado «Reducir movimiento» en su dispositivo no debería ver animaciones grandes.
• Dar tiempo. Los carruseles y los avisos que cambian solos deben poder detenerse, y los avisos importantes no deberían desaparecer al cabo de unos segundos.

Lo más sencillo es usar las animaciones con moderación y solo donde expliquen algo. Con ello, la página gana además en velocidad.

1. Prueba de zoom: amplíe la página en el navegador al 200 por ciento. ¿Todo sigue siendo legible y manejable, sin que se corten contenidos ni tenga que desplazarse en horizontal?
2. Prueba de teclado: maneje el menú, un formulario y un botón solo con el tabulador, Intro, la barra espaciadora y Esc.
3. Prueba de contraste: compruebe con una calculadora de contraste el texto corrido, los enlaces, los botones y los campos de formulario.
4. Prueba de estructura: con una extensión del navegador, haga que se muestre la estructura de encabezados. ¿Hay un H1? ¿Siguen los niveles una lógica?
5. Prueba de textos alternativos: desactive las imágenes o haga que se muestren los textos. ¿Sigue entendiendo la página?
6. Prueba de formulario: envíe un formulario con errores a propósito. ¿Aparece un mensaje comprensible en el campo correcto?
7. Prueba rápida con lector de pantalla: active durante unos minutos el lector de pantalla de su sistema operativo y escuche la página de inicio. ¿Entiende lo que dice?

Anote cada hallazgo con la página, la descripción y la urgencia. Resuelva primero lo que bloquea la acción principal (formulario, contacto, pedido). Estos pasos le muestran también lo estrechamente unidos que están el diseño y la experiencia de usuario.

La accesibilidad no surge en un solo paso al final, sino repartida a lo largo de todo el proyecto. La tabla muestra qué rol asume qué tarea en cada fase.

Lo importante es cerrar cada fase con una pregunta de control: ¿se puede entender lo que está surgiendo ahora sin ratón, sin color y sin imagen? Así, una barrera se detecta cuando todavía cuesta poco corregirla.

Un comerciante de bicicletas (inventado) gestiona una tienda en línea de accesorios. Es proveedor para consumidores en el comercio electrónico y, por eso, comprueba con su asesoría jurídica si la BFSG le afecta y de qué modo. Con independencia del resultado, el proceso de compra es la parte más crítica. Los puntos de control, a lo largo del recorrido:

El comerciante documenta los resultados, corrige primero lo que impide las compras y planifica el resto. Este orden vale para cualquier página: primero la función principal. Más indicaciones sobre tiendas en la página Tiendas en línea.