Terminado sprint 2A

scripts/a11y-audit.mjs

@@ -0,0 +1,56 @@
+/**
+ * a11y-audit.mjs — Axe-core + jsdom audit sobre el HTML servidor por Next.js
+ * Uso: node scripts/a11y-audit.mjs [url]
+ */
+import { JSDOM } from 'jsdom'
+import axe from 'axe-core'
+
+const url = process.argv[2] || 'http://localhost:3001'
+
+console.log(`Auditando ${url} …\n`)
+
+// 1. Fetch the rendered HTML from the dev server
+const res = await fetch(url)
+if (!res.ok) {
+  console.error(`ERROR: servidor respondió ${res.status}`)
+  process.exit(1)
+}
+const html = await res.text()
+
+// 2. Parse in jsdom
+const dom = new JSDOM(html, {
+  url,
+  runScripts: 'dangerously',
+  resources: 'usable',
+})
+const { window } = dom
+const { document } = window
+
+// Wait a tick for DOM to stabilize
+await new Promise((r) => setTimeout(r, 200))
+
+// 3. Configure axe and run
+axe.configure({ allowedOrigins: ['<unsafe_all_origins>'] })
+const results = await axe.run(document.body, {
+  runOnly: { type: 'tag', values: ['wcag2a', 'wcag2aa', 'wcag21aa', 'wcag22aa'] },
+})
+
+const { violations, passes, inapplicable, incomplete } = results
+
+console.log(`✅  Reglas superadas:   ${passes.length}`)
+console.log(`⚠️   Incompletas:       ${incomplete.length}`)
+console.log(`—   No aplican:        ${inapplicable.length}`)
+console.log(`\n❌  Violaciones AA:    ${violations.length}`)
+
+if (violations.length > 0) {
+  for (const v of violations) {
+    console.log(`\n  [${v.impact?.toUpperCase()}] ${v.id} — ${v.description}`)
+    console.log(`  Help: ${v.helpUrl}`)
+    for (const node of v.nodes.slice(0, 3)) {
+      console.log(`  HTML: ${node.html.slice(0, 120)}`)
+    }
+  }
+  process.exit(1)
+} else {
+  console.log('\n✅  0 violaciones AA — PASS\n')
+}