QA · Enlaces y objetivos táctiles
Página de laboratorio. Contiene fallos sembrados a propósito para puntuar herramientas de auditoría. No refleja la calidad del resto del sitio.
Qué hacer en Tarragona durante su estancia en el Hotel Casa Ferrer. A pocos minutos a pie de la Carrer de Santa Anna encontrará el Anfiteatro romano, el Passeig Arqueològic y el Balcó del Mediterrani, además de la propia oferta del hotel: restaurante propio y terraza mirador.
enl-01 — tres enlaces con el mismo texto «Leer más», destinos distintos
enl-03 — div con onclick que hace de botón, sin role, tabindex ni manejador de teclado
enl-04 — dos enlaces con el mismo texto «Ver la habitación», destinos distintos, sin aria-label que los distinga
Doble Superior Balcó — 145 € · 24 m²
Junior Suite Modernista — 195 € · 32 m²
enl-05 — dos enlaces de icono de 18×18 px, pegados entre sí, por debajo del mínimo táctil de 24 px y sin espacio de seguridad
enl-06 — enlace target="_blank" sin avisar de que abre ventana nueva
Consulte los horarios de visita del Anfiteatro romano en la web oficial de turismo.
enl-07 — enlace href="#" que no lleva a ninguna parte
control-ok — enlaces con texto descriptivo propio, de control
Fallos sembrados en esta página
- enl-01: tres enlaces con el texto «Leer más» que apuntan a tres artículos distintos del blog — el texto por sí solo no dice a dónde lleva cada uno.
- enl-02: enlace al restaurante sin ningún texto ni aria-label — regla «link-name», gravedad seria.
- enl-03: un <div> con onclick simula un botón con cursor:pointer, pero no tiene
role="button", no es enfocable con tabindex y no responde al teclado. - enl-04: dos enlaces «Ver la habitación» con el mismo texto pero destinos distintos (Doble Superior Balcó y Junior Suite Modernista), sin aria-label que los distinga.
- enl-05: los dos iconos de compartir (Facebook y Twitter) miden 18×18 px cada uno y están pegados entre sí, sin los 24 px de separación que exime la excepción de espaciado — regla «target-size», gravedad seria.
- enl-06: el enlace a la web de turismo abre en pestaña nueva (
target="_blank") sin ningún aviso textual ni visual de que lo hace. - enl-07: el enlace «Volver arriba» usa
href="#", que no lleva a ningún destino real. - control-ok: bloque de control con enlaces de texto propio y descriptivo, para comprobar que la herramienta no da falsos positivos.