WCAG 2.2 explicado para hoteles y restaurantes: guía práctica y sin tecnicismos

Actualizado: octubre de 2026.

Las WCAG (Web Content Accessibility Guidelines) son las pautas internacionales que explican cómo hacer que una web sea utilizable por todas las personas, incluidas las que tienen discapacidad visual, auditiva, motriz o cognitiva. La versión vigente es la 2.2. Si gestionas la web de un hotel o de un restaurante, esta guía te explica qué significa sin jerga técnica.

Respuesta rápida: WCAG 2.2 es una recomendación del W3C publicada el 5 de octubre de 2023 que organiza la accesibilidad web en tres niveles (A, AA y AAA). Añade 9 criterios nuevos, 6 de ellos de nivel A o AA, y elimina el 4.1.1. Para una web turística, el objetivo razonable es el nivel AA.

¿Qué son los niveles A, AA y AAA?

• Nivel A: lo mínimo imprescindible. Sin esto, hay barreras graves.
• Nivel AA: el nivel que se toma como referencia habitual en la normativa y en los contratos. Incluye, por ejemplo, un contraste mínimo de color y la navegación completa con teclado.
• Nivel AAA: el más exigente. No suele pedirse para sitios completos, pero algunas de sus ideas son útiles.

¿Qué novedades trae WCAG 2.2?

Son nueve criterios nuevos y se elimina el 4.1.1 (Procesamiento), que había quedado obsoleto. Los seis de nivel A y AA son los que más te interesan:

Criterio	Nivel	En lenguaje claro	Ejemplo en turismo
2.4.11 Foco no oculto (mínimo)	AA	Al navegar con teclado, el elemento seleccionado no queda tapado del todo	Un banner de cookies o una cabecera fija que esconde el botón «Reservar»
2.5.7 Movimientos de arrastre	AA	Todo lo que se hace arrastrando debe poder hacerse también sin arrastrar	Deslizador de precio o selector de fechas
2.5.8 Tamaño del objetivo (mínimo)	AA	Botones y enlaces táctiles de al menos 24 × 24 píxeles CSS, con excepciones	Botones de + y – para el número de huéspedes
3.2.6 Ayuda coherente	A	La ayuda (contacto, chat) aparece en el mismo lugar en todas las páginas	Teléfono o WhatsApp siempre en la misma posición
3.3.7 Entrada redundante	A	No pedir otra vez datos que ya se han dado en el mismo proceso	Repetir nombre y email en cada paso de la reserva
3.3.8 Autenticación accesible (mínimo)	AA	No obligar a pasar pruebas cognitivas para iniciar sesión sin una alternativa	Permitir pegar la contraseña o usar un gestor

Los tres criterios de nivel AAA son 2.4.12 (foco no oculto, mejorado), 2.4.13 (apariencia del foco) y 3.3.9 (autenticación accesible, mejorada). Puedes consultar la lista oficial en W3C: novedades de WCAG 2.2.

¿Qué nivel debe cumplir la web de un hotel o un restaurante?

El objetivo práctico es WCAG 2.2 nivel AA. Los criterios de 2.0 y 2.1 siguen prácticamente igual en 2.2, de modo que trabajar con 2.2 AA te cubre también lo que se pedía antes. La normativa española habla de requisitos de nivel A y AA para las webs privadas (artículo 14 del Real Decreto 193/2023) y las normas técnicas europeas de referencia incorporan WCAG. Puedes ver el cuadro completo en nuestra guía de la ley de accesibilidad para hoteles y restaurantes.

Los cuatro principios de WCAG con ejemplos de tu sector

Principio	Idea	Ejemplo
Perceptible	La información se puede percibir con varios sentidos	Fotos de habitaciones con descripción; vídeo con subtítulos
Operable	Todo se puede usar con teclado, ratón, táctil o voz	Poder reservar sin ratón
Comprensible	El contenido y el funcionamiento son claros	Mensajes de error que explican cómo corregir
Robusto	Funciona con lectores de pantalla y tecnologías de apoyo	Código bien construido, sin trucos visuales

Checklist: 10 comprobaciones que puedes hacer hoy

1. Contraste: el texto normal necesita una relación de contraste de al menos 4,5:1 con el fondo.
2. Imágenes: las que aportan información tienen texto alternativo útil; las decorativas, vacío.
3. Teclado: puedes recorrer toda la web y completar una reserva solo con Tab, Intro y Escape.
4. Foco visible: siempre se ve dónde estás al navegar con el teclado.
5. Formularios: cada campo tiene su etiqueta visible y los errores se explican con texto.
6. Zoom: al ampliar al 200 % no se pierde contenido ni aparece desplazamiento horizontal.
7. Títulos: hay un solo H1 y los demás títulos siguen un orden lógico.
8. Enlaces: el texto dice a dónde llevan («Ver menú del día»), no «pincha aquí».
9. Vídeo y audio: tienen subtítulos o transcripción.
10. Color: nada se indica solo con color (por ejemplo, «campos en rojo son obligatorios»).

Si quieres profundizar en los dos puntos donde más fallan los negocios turísticos, lee cómo hacer una carta digital con QR accesible y las 12 comprobaciones para un motor de reservas accesible.

Fuentes

• WCAG 2.2 (W3C)
• Novedades de WCAG 2.2 (W3C WAI)

¿Quieres saber en qué estado está tu web? Con la auditoría de accesibilidad WCAG 2.2 detecto las barreras, las priorizo y te acompaño hasta el cumplimiento. Cuéntame tu caso en contacto.

Preguntas frecuentes