Accesibilidad web en hosteleria: checklist EAA + 12 errores (2026)

Tienes una web con tu carta, reservas u opcion de pedir online, pero la accesibilidad te suena a lio tecnico y no tienes tiempo para eso.

Desde el 28 de junio de 2025 (por la European Accessibility Act) este tema esta mucho mas bajo la lupa, sobre todo en webs y en procesos de pedido y pago. Mas alla de las normas: si alguien no puede leer tu menu o se atasca al reservar o pagar, has perdido a ese cliente.

En 10 minutos veras los fallos mas comunes en webs de hosteleria, y tambien que 3 arreglos rapidos suelen dar resultado casi al instante (y cuando es mejor pedir ayuda).

Que significa la European Accessibility Act para webs de hosteleria? (explicado facil)

Accesibilidad significa que tu web tambien funciona bien para personas con baja vision, dificultad para leer, que no pueden usar un raton, o que simplemente intentan pedir con un solo pulgar en el movil.

Desde el 28 de junio de 2025 hay mas presion sobre este tema en Europa. Se nota especialmente en plataformas de reservas y pedidos: si ahi falla, para los clientes es como “la web no funciona”. Y los clientes no comparan contigo con el local de al lado; simplemente pasan a la siguiente opcion.

Que entra aqui: web, carta digital, reservas, pedidos online, pagos

En hosteleria, normalmente hablamos de:

Tu web normal (inicio, contacto, horarios, como llegar)
Tu carta digital
Reservas (formulario o sistema integrado)
Pedidos online (recogida, reparto)
Pago (es donde mas se rompe en el ultimo paso)

Estos tres ultimos son los mas importantes para revisar primero, porque afectan directamente a la facturacion. Si alguien no puede reservar o pagar, no es “que pena”, se acabo.

Por que esto es mas que “una ley”: mas clientes pueden pedir o reservar (tambien en movil)

La accesibilidad suena a “para un grupo pequeno”, pero en hosteleria es mas amplio:

Un cliente mayor que no puede leer las letras
Alguien con dificultad para distinguir colores (por ejemplo rojo-verde)
Un turista que mira tu web en un telefono pequeno bajo sol fuerte
Un cliente con temblor en la mano que no consigue pulsar bien el boton

Justo en epocas de mucho movimiento (terraza llena, temporada de verano, festivos) no quieres fricciones en la reserva o el pedido. En esos momentos, cada abandono duele mas.

Que conviene poder demostrar como minimo (piensa: auditoria basica + plan de mejora)

No necesitas una pila de informes. Lo que si es inteligente:

Una revision rapida de tus paginas mas importantes (menu, reservas, pedidos, contacto)
Una lista de lo que falla (con ejemplos)
Un plan: que arreglas primero y que despues

Eso tambien es pura practicidad: evitas semanas de idas y venidas con quien te hizo la web.

La checklist EAA para hosteleria (autocomprobacion rapida en 15 minutos)

Coge tu movil y tu portatil. Haz este repaso rapido. No tienes que entender nada tecnico; solo compruebas si funciona de forma logica.

Navegacion y manejo (raton vs teclado)

Puedes navegar por la web solo con el teclado? (tecla Tab)
Ves claramente donde estas? (debe haber un borde o marcador visible alrededor del boton o enlace)
Puedes abrir y cerrar el menu (hamburguesa en movil) sin complicaciones?

Si esto no funciona, algunos clientes literalmente no tienen forma de llegar a tu carta o a la reserva.

Texto y legibilidad (contraste, tamano de letra, encabezados claros)

El texto se lee bien siempre, tambien en movil?
No hay texto gris claro sobre fondo blanco?
La info importante (horarios, direccion, “reservar”) no esta escondida dentro de una imagen recargada?
Usas encabezados claros como “Carta”, “Reservas”, “Contacto”?

Imagenes y cartas (texto alternativo, no “carta como foto”)

Tu carta no es una foto o un escaneo?
Si usas fotos: el texto (precios, alergenos) tambien esta como texto normal en la pagina?
Puedes buscar en la carta (por ejemplo “sin gluten”, “vegetariano”, “tapas”)?

Si tu carta esta hecha sobre todo de imagenes, pierdes por partida doble: muchos clientes la leen mal y a ti te cuesta mas actualizarla.

Formularios (reserva/contacto) y mensajes de error

Al reservar, esta claro que tienes que rellenar?
Recibes un aviso claro si te falta algo? (no solo “algo salio mal”)
Si cometes un error, se mantiene lo que ya escribiste o tienes que hacerlo todo de nuevo?

Pedido y pago (checkout sin bloqueos)

Puedes terminar un pedido sin quedarte atascado por campos obligatorios poco claros?
El boton para continuar es obvio (“Ir a pagar”, “Finalizar pedido”)?
Puedes elegir metodos de pago sin que la pantalla salte o desaparezcan botones?

Aqui suele estar la perdida real: el cliente quiere, pero no puede.

Video/mapas/PDF (donde suele fallar)

Un video tiene subtitulos?
Puedes encontrar la ruta con una direccion normal y un enlace?
La info importante no esta solo en un PDF (carta de vinos, packs)?

Los 12 errores de accesibilidad mas comunes (y como detectarlos)

Estos son los fallos que mas veo en webs de hosteleria. Es muy probable que reconozcas alguno.

1) La carta es un PDF o una imagen (no se puede leer ni buscar)

Como lo detectas rapido?

No puedes seleccionar texto.
Buscar “vega” no funciona.
En movil tienes que pellizcar para hacer zoom y desplazar.

2) Colores ilegibles (gris claro sobre blanco, texto encima de fotos)

Como lo detectas rapido?

Baja el brillo de la pantalla: el texto desaparece?
Mira la web en el movil al aire libre con luz de dia: se sigue leyendo?

3) Botones sin texto claro (“haz clic aqui”, solo iconos)

Como lo detectas rapido?

Ves “mas” o “haz clic aqui” sin contexto?
El boton de reserva no tiene palabras como “Reservar mesa”?

4) El widget de reservas no funciona con teclado

Como lo detectas rapido?

Prueba llegar con Tab a fecha y hora.
Te quedas atrapado en el selector de fecha?

5) Campos de formulario sin etiqueta (solo placeholder)

Como lo detectas rapido?

Haces clic en un campo: la explicacion desaparece enseguida?
No ves texto fijo encima o al lado del campo?

6) Los mensajes de error son solo rojos o demasiado vagos (“algo salio mal”)

Como lo detectas rapido?

Rellena algo mal a proposito: te sale una frase como “Introduce tu email”?
Tambien se indica exactamente donde esta el error?

7) Falta el foco (no ves donde estas al usar teclado)

Como lo detectas rapido?

Pulsa Tab varias veces: ves un marcador claro moviendose?

8) Areas tactiles demasiado pequenas en movil

Como lo detectas rapido?

Puedes ajustar cantidades en el carrito sin pulsar mal?
En movil puedes elegir una hora facilmente?

9) Pop-ups/banners de cookies bloquean todo

Como lo detectas rapido?

Abres la web en movil: tienes que cerrar varias pantallas antes de ver la carta?
Puedes cerrar el aviso sin tener que apuntar con precision?

10) Captcha/antispam frena a clientes reales

Como lo detectas rapido?

Prueba el contacto o la reserva en el movil: es engorroso o genera duda?

11) Video sin subtitulos (o sin alternativa)

Como lo detectas rapido?

La info importante esta solo en el video y en ningun sitio como texto?

12) “La herramienta automatica sale en verde, asi que listo”

Como lo detectas rapido?

Todo puntua “bien”, pero los clientes se quejan igual.
Funciona en tu portatil, pero no en un movil pequeno o dentro de un widget.

Arreglos rapidos con mas impacto (mucha ganancia, poco lio)

Si hoy tuvieras que elegir que atacar primero, empieza por aqui. Suelen ser las mejoras mas rapidas con mayor efecto en clientes e ingresos.

Convertir la carta en una pagina web real (con encabezados claros)

La mayor ganancia en hosteleria casi siempre es la misma: dejar de tener “carta como archivo” y pasar a una pagina real con texto normal y encabezados (entrantes, principales, postres).

Corregir contraste y tamano de letra (reglas base fijas)

A menudo no hace falta un redisenio, sino:

Oscurecer un poco el color del texto
Simplificar el fondo
Aumentar la tipografia (sobre todo en movil)
Dejar de “pegar” info importante dentro de una foto

Renombrar botones y enlaces a “Reservar mesa”, “Pedir online”

Hazlo literal:

“Reservar mesa”
“Ver carta”
“Pedir online”
“Llamanos”
“Como llegar”

Si los ingresos online importan: asegurate de que el boton de pedido se vea bien y que el proceso no se atasque.

Formularios: etiquetas y mensajes de error claros

Pon encima de cada campo que es (“Nombre”, “Telefono”, “Numero de personas”). Y si algo no esta bien: di exactamente que.

Bien: “Introduce tu numero de telefono para poder localizarte si hay cambios.”

Mal: “Error” o “Campo obligatorio” sin contexto.

Probar 1 pedido o reserva sin raton

Abre reservas o pedidos en tu portatil
Aparta el raton
Usa solo Tab, Enter y flechas

Si te atascas, los clientes tambien se atascan, solo que ellos se van.

Herramientas y mini plan de pruebas (sin equipo tecnico)

No necesitas saber programacion para encontrar los problemas mas grandes. Solo tienes que saber que anotar.

2 comprobaciones automaticas (que te detectan)

Un control del navegador para contraste y errores basicos
Un verificador online por pagina (menu, reservas, pedidos)

Piensalo como un detector de humo: si pita, hay algo. Si no pita, aun puede haber fallos (sobre todo en widgets o en el checkout).

3 comprobaciones manuales (teclado, movil, prueba rapida con lector de pantalla)

Prueba con teclado (5 minutos): puedes llegar a todo y usarlo?
Prueba en movil (5 minutos): puedes leer la carta, reservar, pedir y pagar sin friccion?
Prueba rapida con lector de pantalla (3 minutos): activa la funcion de lectura en voz alta del telefono y recorre menu y botones. Si oyes sobre todo “boton, boton, boton” sin palabras claras, tienes un problema serio.

Que anotar para un developer (pagina + problema + captura)

Haz una lista sencilla:

Pagina: /menukaart Problema: la carta es una imagen, no se puede seleccionar el texto Prueba: captura de pantalla + “no legible en movil”
Pagina: /reserveren Problema: no se puede elegir fecha con teclado Prueba: video corto o captura donde te quedas atascado

Cuanto mas concreto, mas rapido (y mas barato) se arregla.

Cuando es mejor encargar una auditoria (y que ganas con ello)

Hay cosas que puedes detectar tu mismo. Pero si hay ingresos en juego, arreglar a medias a veces sale mas caro que hacerlo bien de una vez.

Senales de que el DIY se vuelve demasiado arriesgado

Mejor que lo revisen bien si:

Los pedidos online son realmente importantes (reparto/recogida)
Tienes muchas paginas (packs, promociones, varias ubicaciones)
Tu web es multilingue
Tu sistema de reservas o el paso de pago se siente “complicado” y no sabes donde falla

Que es una buena entrega (prioridades: bloqueante/critico/bajo)

Una buena auditoria no es un monton de papel, sino una lista priorizada:

Bloqueante: los clientes no pueden reservar, pedir o pagar
Critico: la info importante no se lee o el manejo es dificil
Bajo: mejoras menores para mas adelante

“Pruebas” y mantenimiento: como evitar que vuelva a pasar

La accesibilidad no es una limpieza puntual. Y menos aun si publicas promociones, cambias la carta o anades banners.

Lo que ayuda:

hacer una comprobacion rapida al publicar paginas nuevas
no volver a subir “carta como foto”
tras actualizaciones, probar una vez reserva y pedido

Preguntas frecuentes

Esto tambien aplica a un bar o negocio pequeno?

Para los clientes da igual si eres pequeno o grande. Si tu web se usa para buscar info, reservar o pedir, conviene que funcione para la mayor cantidad de personas posible. Y los errores mas grandes (carta en PDF, botones malos, reserva dificil) se ven mucho en negocios pequenos porque se publica “rapido” algo online.

Cuanto cuesta aproximadamente arreglar esto?

Depende sobre todo de:

como esta hecha tu carta ahora (foto/PDF o ya como texto)
que sistema de reservas o pedidos usas
cuantas paginas tienes

A veces son cambios rapidos (colores, botones, textos). A veces hay que estructurar mejor una carta o el checkout. Ayuda muchisimo priorizar bien primero.

Cuanto tiempo me lleva (y hay que cerrar la web mientras tanto)?

Normalmente no. Tu web puede seguir online. Es mas bien planificacion: un momento para probar y otro momento para revisar los cambios.

Puedo solucionarlo con mi creador de webs o con una plantilla?

A menudo, en parte. Una plantilla no es automaticamente “buena”. Lo importante es como la rellenas: textos, botones, carta, formularios, pop-ups. Y algunos modulos (reservas/pedidos) siguen siendo complicados. Por eso es clave probar el recorrido real de tu cliente.

Y si el problema es mi plataforma de reservas o pedidos?

Pasa a menudo. Entonces tienes dos opciones principales:

pedirle a la plataforma que mejoras pueden implementar
cambiar a una solucion que funcione mejor

Pero primero: confirmar que falla exactamente y donde. Si no, cambias de sistema y arrastras los mismos problemas.

Plan de accion: en 30 dias de ‘riesgo’ a ‘en orden’

Semana 1: revision rapida + elegir el top-5 de problemas

Haz la autocomprobacion de 15 minutos de arriba
Prueba una vez reservas y pedidos en movil
Anota tus 5 principales problemas (pagina + captura)

Despues elige: lo que bloquea ingresos (reservas/pedidos) siempre va primero.

Semana 2-3: arreglos en carta, formularios, botones, contraste

Convierte tu carta en una pagina normal con encabezados y texto
Ajusta colores y tipografia para que todo sea legible
Renombra botones a acciones claras (“Reservar mesa”, “Pedir online”)
Haz formularios mas claros (nombres de campo fijos + mensajes de error entendibles)

Semana 4: probar el flujo de pedido/pago + re revision corta + acuerdos de mantenimiento

Haz un pedido de prueba completo (del carrito al pago) en movil
Prueba reservar sin raton (teclado)
Revisa tu top-5 otra vez: esta realmente solucionado?
Acordad quien lo comprueba cuando haya nuevas promos o actualizaciones de carta

Reserva una sesion de asesoramiento gratis de hasta 30 minutos: reviso contigo en directo tu web (carta, reservas, pedidos) y te llevas una lista priorizada de “top-10 arreglos” con estimacion de tiempo y enfoque.