QA · Tablas de datos

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

Tarifas por temporada del Hotel Casa Ferrer, Carrer de Santa Anna, 14, Tarragona. Precios por noche, IVA incluido, para las cuatro categorías de habitación: Individual Claustre, Doble Superior Balcó, Junior Suite Modernista y Suite Ático Miramar.

tabla-01 — tabla de datos sin ningún <th>

Habitación Temporada baja Temporada alta
Individual Claustre 85 € 95 €
Doble Superior Balcó 125 € 145 €
Junior Suite Modernista 170 € 195 €
Suite Ático Miramar 230 € 265 €

tabla-02 — th sin scope, cabeceras en fila y en columna (ambigua)

Media pensión Pensión completa
Individual Claustre +18 € +32 €
Doble Superior Balcó +30 € +54 €

tabla-03 — tabla usada solo para maquetar dos columnas de texto

La Suite Ático Miramar ocupa la última planta de la casa modernista de 1912, con vistas a la terraza mirador y al Mediterráneo. Todas las tarifas incluyen desayuno buffet y acceso al restaurante propio. La estancia mínima en temporada alta es de dos noches.

tabla-04 — tabla ancha (12 meses) en un contenedor con scroll sin tabindex ni role

Habitación Ene Feb Mar Abr May Jun Jul Ago Sep Oct Nov Dic
Doble Superior Balcó 125€ 125€ 130€ 140€ 145€ 155€ 165€ 165€ 145€ 135€ 125€ 130€

tabla-05 — tabla con caption vacío

Suplemento Importe
Cama supletoria 25 €/noche
Mascota 15 €/estancia

control-ok — tabla correcta, de control

Tarifas de temporada del Hotel Casa Ferrer
Habitación Temporada baja Temporada alta
Individual Claustre 85 € 95 €
Suite Ático Miramar 230 € 265 €

Fallos sembrados en esta página

  • tabla-01: tabla de tarifas sin ningún <th> — todas las celdas son <td>, incluida la fila de cabecera. Un lector de pantalla no distingue qué fila son las etiquetas de columna.
  • tabla-02: tabla de suplementos con <th> pero sin atributo scope, y con cabeceras a la vez en la primera fila y en la primera columna — ambigua para tecnología de asistencia.
  • tabla-03: tabla usada para maquetar dos bloques de texto en columnas, sin datos tabulares reales y sin ningún role que la marque como presentación.
  • tabla-04: tabla de tarifas por mes (12 columnas) dentro de un contenedor con overflow-x:auto, sin tabindex="0" ni role="region" — un usuario de teclado no puede desplazarla (regla «scrollable-region-focusable», gravedad seria).
  • tabla-05: tabla de suplementos con <caption> presente pero vacío.
  • control-ok: tabla correcta de control, con th scope="col"/»row», caption con texto y contenedor de scroll con tabindex="0" y role="region".