Abre Contrast: evalúa texto (1.4.3), value y ::placeholder en inputs/textareas, y contraste no textual 3:1 (1.4.11) en bordes de controles e iconos SVG interactivos sin texto. En las filas grises (fondo con imagen/gradiente), usa el selector de color de la fila para muestrear el fondo y resolver el ratio en vivo.

Abre Image alt: sin alt en rojo; en naranja las sospechas de experto (alt como nombre de archivo, palabra redundante «imagen/foto», alt muy largo, alt repetido entre imágenes, figcaption que podría cubrir un alt ausente, imagen dentro de enlace/botón sin nombre, background-image: url(...) en contenedor vacío e iconos de fuente i/span.icon-* sin aria-hidden ni role="img"); decorativa en azul; con alt en verde con la fuente del nombre.

Casos de muestra

Abre Headings: el outline de la página es limpio salvo estos casos deliberados (salto de nivel, H1 duplicado, heading dentro de control, rol sin nivel, aria-level contradictorio y oculto para AT). Los dos últimos (clase sr-only) son invisibles pero SÍ disponibles para AT — patrón legítimo que debe aparecer en el outline sin marcarse como oculto.

Abre Lists: el li huérfano sale en rojo y las sospechas en naranja; las listas correctas (ul, ol, dl) salen en verde.

Abre Text spacing, Resize text o Zoom 200%: el estilo bloqueado por el autor, el recorte de contenido (con preview del texto perdido), el bloqueo de zoom en el meta viewport (user-scalable=no/maximum-scale) y los elementos fijos que sobredimensionan el viewport se señalan con su causa.

Abre Responsive o Reflow: en los marcos estrechos la franja fija desborda (scroll-x con magnitud), el riel de tarjetas es scroll interno permitido (azul) y el badge de rango muestra el breakpoint activo de cada marco.

Abre Landmarks: la página tiene header/nav/main/footer correctos (incluido el skip link de arriba); este segundo nav carece de nombre accesible y se marca para revisar.

Abre Target size: cada objetivo recibe anillo y fila tag — W×Hpx. Píldoras: fails (rojo, bajo 24×24 y choca con vecinos), AA ≥24 y AAA ≥44 en verde, spacing (turquesa — exento por separación), inline (gris — excepción en línea), overlaps (magenta). Los toggles del panel filtran hallazgos, evalúan AAA y acotan a la capa activa.

Abre Focus order y pulsa Tab: el div focusable sin role y los tabindex positivos rompen el orden esperado; el botón en aria-hidden se numera en rojo (tabulable pero invisible a AT); los controles en inert o <details> cerrado NO se numeran porque el navegador los salta; el tabindex=5 duplicado lleva badge propio. Tabindex audita el atributo completo — positivos, valores inválidos, redundantes en nativos, focalizables sin rol, aria≠visible, -1 fuera de roving y destinos de foco por script.

Abre Links: fallos en rojo (sin nombre, oculto a AT pero focuseable, aria-label que no contiene el texto visible, role=link sin tabindex); revisiones en naranja (target=_blank sin aviso, texto ambiguo, mismo nombre con destinos distintos, URL como texto, title-only, href="#", "link" redundante, descarga sin formato).

Abre Page language: el lang de página sale con su veredicto y cada lang de parte se clasifica — vacío en rojo; en naranja: mal formado (es_ES), uso privado (x-), grandfathered (i-), obsoleto — usa he, parece código de país — meant ja y subetiqueta primaria desconocida; en verde los válidos (incluidos ISO 639-2/3 como ast, vía Intl.DisplayNames).

Abre Labels & instructions: fallos en rojo (sin etiqueta, nombre aria que no contiene la visible); revisiones en naranja (pista débil, autocomplete ausente, formato sin instrucción, required unilateral, etiqueta duplicada, label huérfano).

Abre Fieldset · legend: el grupo sin legend sale en rojo; el correcto en verde con el nombre que anuncia AT (name: …). También detecta radios sin name, role=radio/checkbox sin aria-checked, grupos sin nombre y redacción del legend (aria que lo anula, title-only, duplicados, pinta de key i18n).

Abre Error identification: fallos en rojo (aria-invalid="true" sin mensaje de error programático, aria-errormessage apuntando a id inexistente o vacío); revisiones en naranja (aria-errormessage sin aria-invalid="true", mensaje genérico sin sugerencia de corrección 3.3.3, mensaje visual de error huérfano sin enlazar); en verde los campos con error correctamente vinculado.

Abre Accessible name · keys: con el toggle «Include unnamed controls» salen en rosa los controles sin nombre; aria-label="" y aria-labelledby con ids inexistentes fallan en rojo; en naranja las keys i18n (o el patrón regex propio), el aria-label en genéricos (ignorado por AT) y el nombre aria que no contiene el texto visible.

Abre Live regions: el inventario muestra cada región con su cortesía efectiva y banderas de experto — oculta a AT (aria-hidden, nunca anuncia), no renderizada (display:none), aria-live inválido, anuncio de carga residual («Loading…» quemado en el DOM: en navegación lineal se lee tras cargar) y anunciando carga mientras hay busy/skeleton. El log captura en vivo anuncios, flips aria-busy y marca · vaciado cuando la región se limpia tras anunciar — pulsa el botón de simulación para ver el ciclo completo.