{
 "url": "https://www.ferrol.gal/",
 "modo": "rendered",
 "score": 18,
 "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": 117,
 "resumen": {
  "alta": 4,
  "media": 5,
  "baja": 2
 },
 "hallazgos": [
  {
   "severidad": "alta",
   "criterio": "1.4.3",
   "hallazgo": "3 zonas de texto con contraste insuficiente: rgb(169,169,169) vs rgb(255,255,255) = 2.35:1 ×30; rgb(0,99,186) vs rgb(0,0,0) = 3.49:1 ×2; rgb(0,99,186) vs rgb(77,77,77) = 1.41: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(169,169,169) sobre rgb(255,255,255) → 2.35:1 (p. ej. div > div > p)",
    "rgb(0,99,186) sobre rgb(0,0,0) → 3.49:1 (p. ej. div > div > a)",
    "rgb(0,99,186) sobre rgb(77,77,77) → 1.41:1 (p. ej. div#cookie-banner > a)"
   ]
  },
  {
   "severidad": "alta",
   "criterio": "4.1.2 Nombre, función, valor",
   "hallazgo": "28 <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 > h1 > a",
    "ul > li > a",
    "div > div > a",
    "div > div > a",
    "div > div > a",
    "div > div > a"
   ]
  },
  {
   "severidad": "alta",
   "criterio": "3.3.2 Etiquetas o instrucciones",
   "hallazgo": "1 campos de formulario sin <label> asociado ni nombre accesible.",
   "remediacion": "Asocia <label for=\"id\"> al campo (o envuélvelo), o usa aria-label. Aplica a input, select y textarea.",
   "ejemplos": [
    "#idIdioma"
   ]
  },
  {
   "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": [
    "/img/iconos/Flag_of_Europe.png"
   ]
  },
  {
   "severidad": "media",
   "criterio": "2.5.8 Tamaño del objetivo (mínimo)",
   "hallazgo": "3 controles con área de toque menor de 24×24 px (WCAG 2.2, 2.5.8): div > div > a (63×21), div > div > a (61×21), div#cookie-banner > a (102×21).",
   "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 (63×21px)",
    "div > div > a (61×21px)",
    "div#cookie-banner > a (102×21px)"
   ]
  },
  {
   "severidad": "media",
   "criterio": "2.4.7 Foco visible",
   "hallazgo": "37 controles enfocables sin indicador de foco aparente (outline y box-shadow ausentes): div > h1 > a, ul > li > a, ul > li > a, ul > li > 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 > h1 > a",
    "ul > li > a",
    "ul > li > a",
    "ul > li > a",
    "ul > li > a",
    "ul > li > a"
   ]
  },
  {
   "severidad": "media",
   "criterio": "3.1.1 Idioma de la página",
   "hallazgo": "El elemento <html> no declara lang.",
   "remediacion": "Añade lang=\"es\" (o el idioma real) a <html>: lectores de pantalla eligen la voz sintética por él."
  },
  {
   "severidad": "media",
   "criterio": "2.4.1 Evitación de bloques",
   "hallazgo": "Ni <main>/role=\"main\" ni enlace de salto: sin mecanismo para saltar bloques repetidos.",
   "remediacion": "Añade <main> (o role=\"main\") y un enlace \"Saltar al contenido\" como primer foco."
  },
  {
   "severidad": "media",
   "criterio": "1.3.1 Información y relaciones",
   "hallazgo": "No hay ningún <h1> en la página.",
   "remediacion": "Añade un único h1 que nombre la página."
  },
  {
   "severidad": "baja",
   "criterio": "1.3.1 Información y relaciones",
   "hallazgo": "2 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": "67 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."
  }
 ],
 "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."
}