{
 "url": "https://cambre.es/",
 "modo": "rendered",
 "score": 24,
 "score_nota": "Puntuación ponderada: alta −12, media −6, baja −2 desde 100. Mide solo lo automatizable (≈1/3 de WCAG): sirve para seguir tendencias entre versiones, no como conformidad.",
 "elementos_interactivos": 186,
 "resumen": {
  "alta": 4,
  "media": 3,
  "baja": 5
 },
 "hallazgos": [
  {
   "severidad": "alta",
   "criterio": "1.4.3",
   "hallazgo": "1 zonas de texto con contraste insuficiente: rgb(27,32,163) vs rgb(51,51,51) = 1.07:1 ×3. (fg/fondo computados, con composición de transparencias).",
   "remediacion": "Sube el contraste a ≥4.5:1 (≥3:1 en texto grande). El fondo efectivo ya incluye superposiciones y transparencias; si hay imagen de fondo, verifica esa zona a mano.",
   "ejemplos": [
    "rgb(27,32,163) sobre rgb(51,51,51) → 1.07:1 (p. ej. div > div > a)"
   ]
  },
  {
   "severidad": "alta",
   "criterio": "4.1.2 Nombre, función, valor",
   "hallazgo": "5 <control> sin nombre accesible (sin texto, aria-label ni title).",
   "remediacion": "El nombre accesible llega del texto interno, aria-label, title o de una imagen interna con alt. Un control vacío es invisible para lectores de pantalla.",
   "ejemplos": [
    "div > div > a",
    "ul#top-menu > li#menu-item-24862 > a",
    "ul#top-menu > li#menu-item-wpml-ls-2-gl > a",
    "ul#top-menu > li#menu-item-wpml-ls-2-es > a",
    "div > div > a"
   ]
  },
  {
   "severidad": "alta",
   "criterio": "1.1.1 Contenido no textual",
   "hallazgo": "1 <img> sin atributo alt (ni siquiera alt=\"\").",
   "remediacion": "Añade alt a cada <img>: texto descriptivo si aporta información, alt=\"\" si es decorativa. En <input type=\"image\"> y <area> es igual de obligatorio.",
   "ejemplos": [
    "/wp-content/uploads/2021/07/link_externo.png"
   ]
  },
  {
   "severidad": "alta",
   "criterio": "1.4.4 Cambio de tamaño del texto",
   "hallazgo": "El viewport bloquea el zoom del usuario (user-scalable=no/0).",
   "remediacion": "Elimina user-scalable=no y maximum-scale: el zoom es un derecho del usuario (1.4.4)."
  },
  {
   "severidad": "media",
   "criterio": "2.5.8 Tamaño del objetivo (mínimo)",
   "hallazgo": "34 controles con área de toque menor de 24×24 px (WCAG 2.2, 2.5.8): div > div > a (125×18), ul#top-menu > li#menu-item-24862 > a (153×20), ul#top-menu > li#menu-item-wpml-ls-2-gl > a (18×34), ul#top-menu > li#menu-item-wpml-ls-2-es > a (18×34).",
   "remediacion": "Da a los controles al menos 24×24 px CSS (mejor 44×44) con padding o min-width/min-height. Excepciones: enlaces inline equivalentes y espaciado suficiente alrededor.",
   "ejemplos": [
    "div > div > a (125×18px)",
    "ul#top-menu > li#menu-item-24862 > a (153×20px)",
    "ul#top-menu > li#menu-item-wpml-ls-2-gl > a (18×34px)",
    "ul#top-menu > li#menu-item-wpml-ls-2-es > a (18×34px)",
    "div > form > input (1152×2px)",
    "div > div > a (7×7px)"
   ]
  },
  {
   "severidad": "media",
   "criterio": "2.4.7 Foco visible",
   "hallazgo": "40 controles enfocables sin indicador de foco aparente (outline y box-shadow ausentes): div > div > a, ul#top-menu > li#menu-item-26504 > a, ul#top-menu > li#menu-item-24385 > a, ul#top-menu > li#menu-item-24384 > a. Revisar.",
   "remediacion": "Asegura un indicador de foco visible: nunca outline:none sin sustituto; usa :focus-visible con outline ≥2px o borde/sombra contrastada (2.4.7).",
   "ejemplos": [
    "div > div > a",
    "ul#top-menu > li#menu-item-26504 > a",
    "ul#top-menu > li#menu-item-24385 > a",
    "ul#top-menu > li#menu-item-24384 > a",
    "ul#top-menu > li#menu-item-24383 > a",
    "ul#top-menu > li#menu-item-24862 > a"
   ]
  },
  {
   "severidad": "media",
   "criterio": "1.3.1 Información y relaciones",
   "hallazgo": "1 <table> sin celdas <th>.",
   "remediacion": "Marca encabezados de fila/columna con <th> (y scope) para que el lector asocie celdas."
  },
  {
   "severidad": "baja",
   "criterio": "1.4.3",
   "hallazgo": "17 zonas de texto con imagen de fondo o sombra: no calculables, revisar.",
   "remediacion": "El contraste sobre imagen de fondo no es calculable aquí: usa a11y_contrast_image con una captura de esa región."
  },
  {
   "severidad": "baja",
   "criterio": "1.3.1 Información y relaciones",
   "hallazgo": "7 <h1> en la página (máximo recomendado: 1).",
   "remediacion": "Conserva un solo h1 (título de la página) y baja el resto un nivel."
  },
  {
   "severidad": "baja",
   "criterio": "1.3.1 Información y relaciones",
   "hallazgo": "1 encabezados vacíos (<h*> sin texto).",
   "remediacion": "Elimina los encabezados vacíos o dales texto: aparecen como huecos en el índice del lector."
  },
  {
   "severidad": "baja",
   "criterio": "3.2.5 Cambio a petición",
   "hallazgo": "7 enlaces con target=\"_blank\" sin avisar de que abren ventana nueva.",
   "remediacion": "Añade aviso en texto (o title/aria-label): «(abre en ventana nueva)», o deja que la persona usuaria decida."
  },
  {
   "severidad": "baja",
   "criterio": "4.1.2 Nombre, función, valor",
   "hallazgo": "40 ids duplicados; pueden romper asociaciones label-for y aria-labelledby.",
   "remediacion": "Haz únicos los ids: los <label for> y aria-labelledby apuntan solo al primero."
  }
 ],
 "limites": "Auditoría renderizada: heurística honesta, no sustituye lector de pantalla ni revisión manual. Contraste calculado sobre fondos computados; los casos con imagen de fondo se reportan como «revisar». 2.5.8 admite excepciones (inline equivalente, espaciado) que aquí se aproximan."
}