QA · Formularios accesibles

Página de laboratorio. Contiene fallos sembrados a propósito para puntuar herramientas de auditoría. No refleja la calidad del resto del sitio.

Formulario de reserva del Hotel Casa Ferrer, en Carrer de Santa Anna, 14, 43003 Tarragona. Compruebe la disponibilidad de nuestras 24 habitaciones para su próxima estancia; el check-in es a las 15:00 y el check-out a las 12:00.

form-01 — campo de nombre sin etiqueta ni aria-label

form-02 — el único indicio del campo es el placeholder

form-03 — el label apunta a un id que no existe


form-04 — grupo de radios sin fieldset ni legend

Tipo de habitación

form-05 — campo obligatorio marcado solo con un asterisco de color, sin required ni aria-required


form-06 — select sin etiqueta accesible

form-07 — campos sin autocomplete, y uno con un valor de autocomplete inválido






control-ok — campo correctamente etiquetado, de control



Fallos sembrados en esta página

  • form-01: el campo de nombre no tiene ninguna etiqueta asociada (ni <label> ni aria-label) — debería saltar la regla de accesibilidad «label», gravedad crítica.
  • form-02: el campo de correo electrónico solo se identifica por su placeholder, que desaparece al escribir — no cuenta como etiqueta accesible.
  • form-03: el <label for="fecha-salida"> apunta a un id («fecha-salida») que no existe en la página; el campo real tiene el id «fecha-de-salida».
  • form-04: el grupo de radios «Individual / Doble / Suite» no está envuelto en <fieldset>/<legend>, así que un lector de pantalla no anuncia el propósito del grupo.
  • form-05: el campo «Número de huéspedes» se marca como obligatorio solo con un asterisco en rojo, sin el atributo required ni aria-required.
  • form-06: el desplegable de régimen no tiene ninguna etiqueta accesible asociada.
  • form-07: los tres campos (nombre, email, teléfono) no llevan autocomplete salvo el de nombre, que lleva el valor inválido «nombre-completo» — debería saltar la regla «autocomplete-valid».
  • control-ok: bloque de control con un campo correctamente etiquetado, para comprobar que la herramienta no da falsos positivos.