{
 "url": "https://hoxe.vigo.org/",
 "modo": "rendered",
 "score": 46,
 "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": 1196,
 "resumen": {
  "alta": 3,
  "media": 2,
  "baja": 3
 },
 "hallazgos": [
  {
   "severidad": "alta",
   "criterio": "1.4.3",
   "hallazgo": "3 zonas de texto con contraste insuficiente: rgb(255,255,255) vs rgb(92,184,92) = 2.48:1 ×1; rgb(51,122,183) vs rgb(245,245,245) = 4.18:1 ×1; rgb(255,255,255) vs rgb(0,123,255) = 3.98:1 ×1. (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(255,255,255) sobre rgb(92,184,92) → 2.48:1 (p. ej. div > span > button)",
    "rgb(51,122,183) sobre rgb(245,245,245) → 4.18:1 (p. ej. div#cuerpo-centro > p > a)",
    "rgb(255,255,255) sobre rgb(0,123,255) → 3.98:1 (p. ej. #openChatbot)"
   ]
  },
  {
   "severidad": "alta",
   "criterio": "4.1.2 Nombre, función, valor",
   "hallazgo": "2 <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#cabecera > div#escudo_cabecera > a",
    "ul > li > a"
   ]
  },
  {
   "severidad": "alta",
   "criterio": "4.1.2 Nombre, función, valor",
   "hallazgo": "160 elementos interactivos (<control>) con aria-hidden=\"true\": ocultos al lector pero siguen recibiendo foco.",
   "remediacion": "Quita aria-hidden del elemento enfocable, o añade tabindex=\"-1\" si debe quedar fuera de la interacción."
  },
  {
   "severidad": "media",
   "criterio": "2.5.8 Tamaño del objetivo (mínimo)",
   "hallazgo": "5 controles con área de toque menor de 24×24 px (WCAG 2.2, 2.5.8): div#cabecera > div > a (119×19), div#cabecera > div > a (75×19), div#cabecera > div#escudo_cabecera > a (190×19), div > div > a (373×20).",
   "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#cabecera > div > a (119×19px)",
    "div#cabecera > div > a (75×19px)",
    "div#cabecera > div#escudo_cabecera > a (190×19px)",
    "div > div > a (373×20px)",
    "div > div > a (313×20px)"
   ]
  },
  {
   "severidad": "media",
   "criterio": "4.1.2 Nombre, función, valor",
   "hallazgo": "1 <iframe> sin title accesible.",
   "remediacion": "Añade title descriptivo al iframe (lo anuncian los lectores al llegar a él).",
   "ejemplos": [
    ""
   ]
  },
  {
   "severidad": "baja",
   "criterio": "1.4.3",
   "hallazgo": "4 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": "20 <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": "4.1.2 Nombre, función, valor",
   "hallazgo": "1 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."
}