Sitio web accesible: fundamentos y BFSG

Por qué es importante

La accesibilidad no ayuda solo a las personas con discapacidad, sino a todos: con luz solar, con una sola mano, con una conexión lenta. Mejora la legibilidad y la estructura y, con ello, a menudo también la facilidad para ser encontrado.

La BFSG

La ley transpone una directiva europea y se aplica desde el 28 de junio de 2025 a determinados productos y servicios, entre otros a las tiendas en línea y a otros servicios para consumidores en el comercio electrónico. Las microempresas (menos de diez empleados y un volumen de negocio anual o un balance general anual de dos millones de euros como máximo) están exentas en el caso de los servicios. Conviene que un profesional del derecho examine si la BFSG le afecta y de qué manera.

Base técnica

El criterio de referencia son las Web Content Accessibility Guidelines (WCAG). Puntos importantes:

• Contrastes de color suficientes
• Textos alternativos para las imágenes
• Manejo con el teclado, foco visible
• Estructura clara de títulos
• Campos de formulario con etiqueta
• Tipografía escalable, sin contenidos que dependan solo del color
• Subtítulos o transcripciones para los vídeos

Cómo empezar

1. Detectar las carencias más frecuentes con herramientas de comprobación automáticas.
2. Navegar por la página con el teclado.
3. Probar con un lector de pantalla los procesos más importantes (contacto, compra).
4. Corregir las carencias y proporcionar una declaración de accesibilidad donde sea necesario.

Carencias frecuentes en la práctica

• Poco contraste: el texto gris claro sobre blanco queda elegante, pero se lee con dificultad. Las WCAG exigen para el texto normal una relación de contraste de al menos 4,5 a 1 y, para el texto grande, de 3 a 1.
• Enlaces sin significado: «Haga clic aquí» no dice nada a un lector de pantalla que lee los enlaces como lista. Es mejor un texto de enlace que indique el destino.
• Foco ausente: quien navega solo con la tecla Tab debe ver dónde se encuentra. Un recuadro de foco eliminado es un error muy extendido.
• Formularios sin etiqueta: los marcadores de posición desaparecen al escribir; una etiqueta real permanece.
• Contenidos solo al pasar el cursor: lo que aparece únicamente al pasar el ratón por encima suele ser inalcanzable con el teclado o con el tacto.

Mito frente a realidad

Mito: Un complemento de superposición que muestra un botón hace accesible cualquier página. Realidad: Estas herramientas adicionales pueden ofrecer algunos ajustes, pero por lo general no corrigen las carencias de fondo en la estructura y el código, y entre los especialistas no se consideran un sustituto de una implementación correcta.

Ejemplo práctico: revisar un formulario de consulta

Tome un formulario de contacto con cuatro campos. Pulse solo la tecla Tab: ¿el foco salta en un orden razonable, es visible y puede enviarse el formulario con la tecla Intro? Después provoque un error a propósito, por ejemplo una dirección de correo electrónico no válida. ¿Se explica el error junto al campo con palabras, y no solo mediante un borde rojo? Estos dos minutos suelen revelar más que un informe de revisión extenso.

Ayuda para decidir: ¿cuánto esfuerzo es adecuado?

Si gestiona una tienda en línea para consumidores y no es una microempresa, debería aclarar pronto las obligaciones de la BFSG y hacer revisar la página de forma sistemática. Si tiene un sitio web que sirve solo de tarjeta de presentación, la situación jurídica suele ser menos estricta; aun así, las reglas básicas (contraste, estructura, teclado) merecen la pena, porque cuestan poco si se tienen en cuenta desde el principio. Reformar a posteriori una tienda terminada es mucho más laborioso que planificarla desde el comienzo con pocas barreras. A la estructura pertenece también una jerarquía de títulos correcta.

La accesibilidad en el día a día de la redacción

Una página solo sigue siendo accesible si los contenidos nuevos también cumplen los requisitos. Por eso, fije tres hábitos: cada imagen nueva recibe un texto alternativo o, deliberadamente, ninguno si es mera decoración. Cada título se coloca en el nivel correcto y no se elige por el tamaño de letra. Cada vídeo recibe subtítulos o una transcripción. Hay que acordarse además de los documentos, como los archivos PDF: también ellos deberían incluir títulos, orden de lectura y textos alternativos; de lo contrario, la barrera simplemente se mantiene en otro lugar. Estos hábitos cuestan unos minutos por cada publicación, pero evitan un trabajo de corrección posterior muy extenso.

Construimos sitios web con pocas barreras desde el principio; véanse Sitios web y Textos alternativos.