Cocktails & Dreams - volver a inicio

Informe de Revisión

Accesibilidad WCAG 2.1 nivel AA — RD 1112/2018

1. Información general

  • Sitio web auditado: https://cocktails-dreams.es
  • Titular: Añon Buelga y Otero S.L. (CIF: B44803880)
  • Normativa de referencia: Real Decreto 1112/2018 y WCAG 2.1 nivel AA (EN 301 549)
  • Fecha de la revisión: 28 de septiembre de 2026
  • Resultado: CONFORME con WCAG 2.1 AA
  • Alcance: 11 páginas del sitio web (inicio, nosotros, carta, galería, contacto, FAQ, aviso legal, política de privacidad, política de cookies, términos y condiciones, declaración de accesibilidad e informe).

2. Metodología

La revisión se realizó mediante inspección manual del código HTML, CSS y JavaScript de todas las páginas, verificando los criterios de éxito WCAG 2.1 nivel AA, con las ratios de contraste calculadas conforme a la fórmula de luminancia relativa del W3C. Se aplicó la lista oficial de criterios de https://www.w3.org/TR/wcag/.

Alcance de la verificación

  • Criterios verificados en código (cumplimiento comprobado): 1.1.1, 1.3.1, 1.3.2, 1.3.5, 1.4.3, 1.4.5, 2.4.1, 2.4.2, 2.4.4, 2.4.6, 2.5.3, 3.1.1, 3.3.2, 4.1.1 y estructura de encabezados jerárquicos. Herramientas sugeridas para re-validación externa: WAVE, axe-core, Lighthouse.
  • Criterios con implementación correcta que precisan prueba de interacción: navegación por teclado (2.1.1/2.1.2), foco visible (2.4.7), zoom 200% y reflow (1.4.4/1.4.10), compatibilidad con lectores de pantalla (4.1.2). El código los soporta (focus-visible, Escape, aria-expanded, marcado semántico), pero se recomienda una sesión de prueba con NVDA/VoiceOver y teclado para su certificación completa.

3. Hallazgos de la auditoría externa y correcciones aplicadas

Hallazgo Criterio WCAG Corrección aplicada Estado
Contraste insuficiente de textos grises sobre fondos oscuros 1.4.3 Contraste (mínimo) Sustitución de text-gray-600 (2.5:1) y opacity-50 por text-gray-400; placeholders placeholder-gray-600 → placeholder-gray-400. Ratio resultante ≥ 9.7:1 Corregido
Formularios sin etiquetas descriptivas 1.3.1 / 4.1.2 (Nombre, función, valor) Todos los campos del formulario de contacto, boletín (11 páginas) y checkbox de consentimiento disponen de <label for> explícito o aria-label Corregido
<iframe> sin título descriptivo 2.4.1 / 4.1.2 Añadido title descriptivo al mapa de Google Maps en las páginas de inicio y contacto Corregido

4. Mejoras adicionales aplicadas (más allá de la auditoría)

  • 2.4.1 Omisión de bloques: enlace “Saltar al contenido principal” en las 11 páginas.
  • 2.1.1 / 2.1.2 Teclado: cierre del menú móvil con tecla Escape; foco nunca atrapado.
  • 2.4.7 Foco visible: estilo :focus-visible con contorno de 2px en todos los elementos interactivos.
  • 4.1.2: aria-expanded dinámico en el botón del menú; aria-label en botones sin texto (menú, ajustes de cookies, accesibilidad, mostrar/ocultar contraseña, selección de tablas); iconos decorativos con aria-hidden.
  • 1.4.12 Adaptable: widget de accesibilidad con texto grande (118%), alto contraste, resaltado de enlaces, fuente legible y reducción de movimiento.
  • 1.1.1: 100% de imágenes con atributo alt significativo o vacío cuando son decorativas, incluidas las generadas dinámicamente por JavaScript (carta y galería).
  • Contraste en componentes: rediseño del indicador de cookies técnicas (antes invisible) con estado bloqueado verde, candado y etiqueta “Siempre activas”.
  • Etiquetado del panel de administración: todos los campos de login, formularios, importación de archivos y casillas de selección disponen de etiqueta asociada o aria-label.
  • 1.3.5 Identificar propósito de entrada (AA): atributos autocomplete (given-name, family-name, email, tel) en el formulario de contacto.
  • 1.4.11 Contraste de componentes no textuales (AA): bordes de los campos de formulario elevados a ratio ≥ 3:1 sobre el fondo.
  • 2.4.6 Encabezados y etiquetas (AA): jerarquía corregida a un único h1 por página y niveles sin saltos (carta y contacto).
  • 2.4.4 Propósito de enlaces (A): eliminado el enlace ambiguo “aquí” del FAQ; todos los enlaces describen su destino.

4bis. Cumplimiento LSSI (bloqueo previo de cookies)

  • El sitio no carga ninguna cookie no técnica antes del consentimiento: Google Analytics no se ejecuta y el mapa de Google Maps permanece bloqueado (con alternativa textual de la dirección) hasta la aceptación.
  • El banner de cookies incluye el botón “Rechazar” tan visible y efectivo como “Aceptar todas”, con opción de configuración por categorías.
  • Al rechazar, se eliminan las cookies _ga ya instaladas y se deniega el almacenamiento en Google Consent Mode.
  • Identificación permanente del titular (denominación social y CIF) en el pie de página de todas las páginas.

5. Contenido no conforme (excepciones)

  • El mapa incrustado de Google Maps es contenido de terceros y su accesibilidad interna depende de Google LLC. Como alternativa accesible se ofrece la dirección postal en texto y un enlace directo a Google Maps en ambas páginas donde se utiliza.
  • Los vídeos alojados (banner de portada) son estrictamente decorativos, sin audio ni información esencial, por lo que no precisan audiodescripción (no aplicable).

6. Revisión y validación

Tras aplicar las correcciones, se realizó una nueva revisión completa del sitio verificando cada página. Se recomienda repetir la evaluación con herramientas automatizadas (Lighthouse, WAVE, axe) y revisión manual al menos una vez al año, o tras cualquier cambio significativo del sitio.

Consulta también la Declaración de Accesibilidad del sitio.