Página de laboratorio. Contiene fallos sembrados a propósito para puntuar herramientas de auditoría. No refleja la calidad del resto del sitio.
QA · ARIA y roles
Hotel Casa Ferrer atiende cada solicitud de nuestros huéspedes desde la recepción, abierta las 24 horas. Esta página reúne, a modo de guía rápida, los servicios que puede pedir durante su estancia: restaurante, terraza mirador, aparcamiento y consigna de equipaje.
Servicios (pestañas)
Terraza mirador
Aparcamiento
Nuestro restaurante propone cocina de mercado catalana, con mesas en la terraza mirador de mayo a septiembre. Servicio de 13:00 a 16:00 y de 20:00 a 23:00.
Servicios (lista)
- Recepción 24 horas
- Consigna de equipaje
- Wifi gratuito en todo el edificio
Marque con este icono las habitaciones que admiten mascotas al comparar disponibilidad:
Preguntas frecuentes sobre los servicios
¿Hay aparcamiento en el hotel?
Sí, aparcamiento privado bajo petición, con plazas limitadas.
¿El restaurante abre a mediodía?
Sí, de 13:00 a 16:00 y de 20:00 a 23:00 todos los días.
¿Se admiten mascotas?
Sí, en habitaciones seleccionadas y con suplemento.
Fallos sembrados en esta página
- aria-01: la pestaña «Restaurante» tiene
role="button"junto conaria-selected="true", un atributo que ese rol no admite. Debería saltar como un fallo de tipo «atributo ARIA no permitido para el rol». - aria-02: el bloque del restaurante tiene
aria-labelledby="titulo-que-no-existe", apuntando a un id que no existe en la página. Debería saltar como referencia ARIA rota. - aria-03: el botón «Solicitar plaza» es enfocable con el teclado pero está dentro de un contenedor con
aria-hidden="true", así que queda oculto para lectores de pantalla y accesible por teclado a la vez. Debería saltar como contenido enfocable oculto. - aria-04: la lista de servicios usa
role="listado", que no es un rol ARIA válido (el correcto sería «list» o ninguno). Debería saltar como rol ARIA inválido. - aria-05: el icono de mascotas es un
<div role="button">sintabindexy sin texto niaria-label: no se puede alcanzar con teclado y no tiene nombre accesible. Debería saltar como botón sin nombre accesible. - aria-06: hay dos elementos con el mismo
id="panel-1", y el botón que los precede usaaria-describedby="panel-1"para referirse a uno de ellos. Debería saltar como id duplicado y como relación ARIA duplicada. - control-ok: bloque de control. La FAQ de preguntas frecuentes usa
<details>/<summary>nativos, sin ningún ARIA a mano. No debería saltar ninguna violación.
