Auditoría durante el desarrollo

Motor .ally-debug

Escanea el documento completo o un contenedor, normaliza hallazgos y presenta score, severidades, checklist, resaltado y exportación.

Activación

Agrega la clase al body o al scope que quieres revisar.

HTML
<section class="box-d ally-debug">\n  ...\n</section>

Scope de demostración

Este bloque puede escanearse sin revisar el resto de la documentación.

API de auditoría

HTML
window.AllyConfig = {
  debug: true,
  scanOnLoad: true,
  scoreThreshold: 90,
  rules: {
    headings: true,
    images: true,
    svg: true,
    forms: true,
    buttons: true,
    links: true,
    aria: true,
    landmarks: true,
    focus: true,
    components: true
  }
};

Ally.scan(document.body);
Ally.report();
Ally.debug.open();

Severidades y scoring

ResultadoPenalizaciónUso
Pass0Cumple la comprobación.
Info-1Dato o recomendación menor.
Manual0Requiere revisión humana.
Warning-3Riesgo o mala práctica.
Error-8Incumplimiento verificable.
Crítico-15Bloquea operación o comprensión.

Familias de reglas

Documento

A11Y-HTML / HEAD

Idioma, h1 y jerarquía de headings.

Imágenes y SVG

A11Y-IMG / SVG

Decisión decorativa o alternativa informativa.

Formularios

A11Y-FORM

Labels, errores y asociaciones.

Interacción

A11Y-FOCUS / MODAL / TABS

Teclado, foco y estados.

Contenido

A11Y-LINK / TABLE / MEDIA

Nombres claros, relaciones y alternativas.

Percepción

A11Y-COLOR / MOTION / LIVE

Color, movimiento y anuncios dinámicos.

Límites del motor

Ayuda, no certificación. El resultado automatizado debe complementarse con pruebas manuales de contexto, contenido, teclado, zoom, lector de pantalla y usuarios reales.