{
 "url": "https://tomino.gal",
 "modo": "rendered",
 "score": 22,
 "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": 251,
 "resumen": {
  "alta": 5,
  "media": 2,
  "baja": 3
 },
 "hallazgos": [
  {
   "severidad": "alta",
   "criterio": "1.4.3",
   "hallazgo": "9 zonas de texto con contraste insuficiente: rgb(255,255,255) vs rgb(0,154,72) = 3.67:1 ×5; rgb(129,129,129) vs rgb(255,255,255) = 3.9:1 ×60; rgb(255,255,255) vs rgb(0,154,73) = 3.67:1 ×1; rgb(0,154,72) vs rgb(255,255,255) = 3.67:1 ×22. (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(0,154,72) → 3.67:1 (p. ej. div > span > a)",
    "rgb(129,129,129) sobre rgb(255,255,255) → 3.9:1 (p. ej. div > div > div)",
    "rgb(255,255,255) sobre rgb(0,154,73) → 3.67:1 (p. ej. div > p > a)",
    "rgb(0,154,72) sobre rgb(255,255,255) → 3.67:1 (p. ej. div > div > a)",
    "rgb(0,154,72) sobre rgb(250,250,250) → 3.52:1 (p. ej. div > p > a)",
    "rgb(129,129,129) sobre rgb(250,250,250) → 3.73:1 (p. ej. div > div > span)"
   ]
  },
  {
   "severidad": "alta",
   "criterio": "4.1.2 Nombre, función, valor",
   "hallazgo": "30 <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",
    "div > span > a",
    "div > span > a",
    "div > span > a",
    "div > span > a",
    "div > span > 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": [
    "div > div > input"
   ]
  },
  {
   "severidad": "alta",
   "criterio": "1.1.1 Contenido no textual",
   "hallazgo": "11 <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": [
    "https://live.staticflickr.com/1876/43893129824_88cd523d28_m.jpg",
    "https://live.staticflickr.com/1861/30741243448_65fabe7005_m.jpg",
    "https://live.staticflickr.com/1853/43893141144_f097765169_m.jpg",
    "https://live.staticflickr.com/1847/42801783480_e3a32a7e76_m.jpg",
    "https://live.staticflickr.com/1884/30741224808_b78bff190e_m.jpg",
    "https://live.staticflickr.com/1845/43703007845_faa90645d1_m.jpg"
   ]
  },
  {
   "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": "40 controles con área de toque menor de 24×24 px (WCAG 2.2, 2.5.8): div > div > input (1071×21), div > div > a (18×26), div > span > a (144×15), div > span > a (135×15).",
   "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 > input (1071×21px)",
    "div > div > a (18×26px)",
    "div > span > a (144×15px)",
    "div > span > a (135×15px)",
    "div > span > a (160×15px)",
    "div > span > a (74×15px)"
   ]
  },
  {
   "severidad": "media",
   "criterio": "2.4.7 Foco visible",
   "hallazgo": "40 controles enfocables sin indicador de foco aparente (outline y box-shadow ausentes): div > div > input, div > div > a, div > span > a, div > span > 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 > input",
    "div > div > a",
    "div > span > a",
    "div > span > a",
    "div > span > a",
    "div > span > a"
   ]
  },
  {
   "severidad": "baja",
   "criterio": "1.4.3",
   "hallazgo": "7 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": "Saltos de nivel en encabezados: h2→h5, h2→h5.",
   "remediacion": "No saltes niveles (h2→h4): rompe el esquema de navegación. Baja de uno en uno."
  },
  {
   "severidad": "baja",
   "criterio": "3.2.5 Cambio a petición",
   "hallazgo": "81 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."
}