ultra11y 5.4.1 → 5.5.1

package/.claude-plugin/marketplace.json

@@ -10,7 +10,7 @@
       "name": "ultra11y",
       "source": "./",
       "description": "Automatic accessibility review of the code under change before every commit, push and pull request, plus full WCAG 2.2 AA / RGAA audits and conformance deliverables on demand.",
-      "version": "5.4.1",
+      "version": "5.5.1",
       "author": { "name": "maxgfr" },
       "homepage": "https://github.com/maxgfr/ultra11y",
       "repository": "https://github.com/maxgfr/ultra11y",

package/.claude-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "ultra11y",
   "description": "Accessibility for WCAG 2.2 AA and country standards (RGAA…): an automatic review of the code under change before every commit, push and pull request, plus full audits and conformance deliverables on demand.",
-  "version": "5.4.1",
+  "version": "5.5.1",
   "author": { "name": "maxgfr" },
   "homepage": "https://github.com/maxgfr/ultra11y",
   "repository": "https://github.com/maxgfr/ultra11y",

package/.codex-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "ultra11y",
   "description": "Accessibility for WCAG 2.2 AA and country standards (RGAA…): an automatic review of the code under change before every commit, push and pull request, plus full audits and conformance deliverables on demand.",
-  "version": "5.4.1",
+  "version": "5.5.1",
   "author": { "name": "maxgfr", "url": "https://github.com/maxgfr" },
   "homepage": "https://github.com/maxgfr/ultra11y",
   "repository": "https://github.com/maxgfr/ultra11y",

package/.opencode/plugins/ultra11y.js

@@ -27,7 +27,7 @@ import { fileURLToPath } from "node:url";
 // Ownership marker: `ultra11y install --opencode` refuses to overwrite a plugin file that
 // does not carry it, so a user's own ultra11y.js is never clobbered.
 const ULTRA11Y_OPENCODE_PLUGIN = "ULTRA11Y_OPENCODE_PLUGIN";
-const ULTRA11Y_PLUGIN_VERSION = "5.4.1";
+const ULTRA11Y_PLUGIN_VERSION = "5.5.1";
 
 const here = dirname(fileURLToPath(import.meta.url));
 

package/dist/cypress.mjs

@@ -65,19 +65,36 @@ var COLLECT_SNAPSHOT = `(() => {
   // query that locks the orientation (1.3.4) \u2014 and this is the only place they exist.
   // A cross-origin sheet throws on .cssRules: COUNT those instead of ignoring them, so a rule
   // reading this digest can tell "nothing there" apart from "I could not look".
+  // The cap is on the ORDINARY pool only, and the traversal never stops early.
+  //
+  // It used to return the moment the pool filled, which abandoned every remaining sheet \u2014
+  // and on a design-system app the pool fills long before the end. Measured on a real capture
+  // of 38 pages: all 38 came back truncated, so rendered-focus-not-visible declined on every
+  // one of them and 2.4.7 could never be decided by any number of scans. The rule was right to
+  // decline (a :focus rule might have been among the dropped ones); the collector was wrong to
+  // make that unavoidable.
+  //
+  // So the rules a rendered criterion actually READS \u2014 :focus styling, orientation locks,
+  // pinned positioning, animation \u2014 are kept whatever the pool is doing, and truncated now
+  // means "some ordinary rule was dropped", which is a much weaker statement. A rule can then
+  // ask for what it needs instead of refusing on a cap that never concerned it.
   const cssRules = [];
   let unreadable = 0;
+  let dropped = 0;
   const MAXR = 4000;
   const camel = (p) => p.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+  const KEEP_SELECTOR = /:focus|:target|:active/i;
+  const KEEP_PROP = /^(?:outline|position|animation|transition|transform)/;
   const walk = (list, media) => {
     for (const r of list) {
-      if (cssRules.length >= MAXR) return;
       if (typeof r.selectorText === 'string' && r.style) {
         const decls = {};
         for (let i = 0; i < r.style.length; i++) {
           const prop = r.style[i];
           decls[camel(prop)] = r.style.getPropertyValue(prop);
         }
+        const keep = KEEP_SELECTOR.test(r.selectorText) || Object.keys(decls).some((k) => KEEP_PROP.test(k));
+        if (cssRules.length >= MAXR && !keep) { dropped++; continue; }
         cssRules.push(media ? { selector: r.selectorText, media: media, decls: decls } : { selector: r.selectorText, decls: decls });
       } else if (r.cssRules) {
         const cond = r.conditionText || (r.media && r.media.mediaText) || media;
@@ -96,8 +113,12 @@ var COLLECT_SNAPSHOT = `(() => {
   const truncated = els.length > MAX;
   return {
     dom: document.documentElement.outerHTML,
-    css: { v: 1, rules: cssRules, unreadable: unreadable, truncated: cssRules.length >= MAXR },
+    css: { v: 1, rules: cssRules, unreadable: unreadable, truncated: dropped > 0, dropped: dropped },
     title: document.title,
+    // The doctype is NOT part of documentElement.outerHTML, so a capture that records only
+    // the DOM drops it \u2014 and RGAA 8.1 (is a doctype present, valid, and before <html>?) then
+    // has nothing to look at. Recorded as its own field for that reason.
+    doctype: document.doctype ? '<!DOCTYPE ' + document.doctype.name + (document.doctype.publicId ? ' PUBLIC "' + document.doctype.publicId + '"' : '') + (document.doctype.systemId ? ' "' + document.doctype.systemId + '"' : '') + '>' : '',
     lang: document.documentElement.getAttribute('lang') || '',
     url: location.href,
     viewport: { width: window.innerWidth, height: window.innerHeight },

package/dist/playwright.mjs

@@ -70,19 +70,36 @@ var COLLECT_SNAPSHOT = `(() => {
   // query that locks the orientation (1.3.4) \u2014 and this is the only place they exist.
   // A cross-origin sheet throws on .cssRules: COUNT those instead of ignoring them, so a rule
   // reading this digest can tell "nothing there" apart from "I could not look".
+  // The cap is on the ORDINARY pool only, and the traversal never stops early.
+  //
+  // It used to return the moment the pool filled, which abandoned every remaining sheet \u2014
+  // and on a design-system app the pool fills long before the end. Measured on a real capture
+  // of 38 pages: all 38 came back truncated, so rendered-focus-not-visible declined on every
+  // one of them and 2.4.7 could never be decided by any number of scans. The rule was right to
+  // decline (a :focus rule might have been among the dropped ones); the collector was wrong to
+  // make that unavoidable.
+  //
+  // So the rules a rendered criterion actually READS \u2014 :focus styling, orientation locks,
+  // pinned positioning, animation \u2014 are kept whatever the pool is doing, and truncated now
+  // means "some ordinary rule was dropped", which is a much weaker statement. A rule can then
+  // ask for what it needs instead of refusing on a cap that never concerned it.
   const cssRules = [];
   let unreadable = 0;
+  let dropped = 0;
   const MAXR = 4000;
   const camel = (p) => p.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+  const KEEP_SELECTOR = /:focus|:target|:active/i;
+  const KEEP_PROP = /^(?:outline|position|animation|transition|transform)/;
   const walk = (list, media) => {
     for (const r of list) {
-      if (cssRules.length >= MAXR) return;
       if (typeof r.selectorText === 'string' && r.style) {
         const decls = {};
         for (let i = 0; i < r.style.length; i++) {
           const prop = r.style[i];
           decls[camel(prop)] = r.style.getPropertyValue(prop);
         }
+        const keep = KEEP_SELECTOR.test(r.selectorText) || Object.keys(decls).some((k) => KEEP_PROP.test(k));
+        if (cssRules.length >= MAXR && !keep) { dropped++; continue; }
         cssRules.push(media ? { selector: r.selectorText, media: media, decls: decls } : { selector: r.selectorText, decls: decls });
       } else if (r.cssRules) {
         const cond = r.conditionText || (r.media && r.media.mediaText) || media;
@@ -101,8 +118,12 @@ var COLLECT_SNAPSHOT = `(() => {
   const truncated = els.length > MAX;
   return {
     dom: document.documentElement.outerHTML,
-    css: { v: 1, rules: cssRules, unreadable: unreadable, truncated: cssRules.length >= MAXR },
+    css: { v: 1, rules: cssRules, unreadable: unreadable, truncated: dropped > 0, dropped: dropped },
     title: document.title,
+    // The doctype is NOT part of documentElement.outerHTML, so a capture that records only
+    // the DOM drops it \u2014 and RGAA 8.1 (is a doctype present, valid, and before <html>?) then
+    // has nothing to look at. Recorded as its own field for that reason.
+    doctype: document.doctype ? '<!DOCTYPE ' + document.doctype.name + (document.doctype.publicId ? ' PUBLIC "' + document.doctype.publicId + '"' : '') + (document.doctype.systemId ? ' "' + document.doctype.systemId + '"' : '') + '>' : '',
     lang: document.documentElement.getAttribute('lang') || '',
     url: location.href,
     viewport: { width: window.innerWidth, height: window.innerHeight },

package/docker/runner.mjs

@@ -3,7 +3,7 @@ import axe from "axe-core";
 const target = process.argv[2];
 const isFile = target.startsWith("/work/");
 const SNAPSHOT = process.env.ULTRA11Y_SNAPSHOT !== "0";
-const COLLECT = "(() => {\n  const PROPS = [\"color\",\"backgroundColor\",\"backgroundImage\",\"fontSize\",\"fontWeight\",\"fontStyle\",\"textDecorationLine\",\"textTransform\",\"lineHeight\",\"letterSpacing\",\"wordSpacing\",\"whiteSpace\",\"display\",\"visibility\",\"opacity\",\"position\",\"overflowX\",\"overflowY\",\"outlineStyle\",\"outlineWidth\",\"outlineColor\",\"borderTopStyle\",\"borderRightStyle\",\"borderBottomStyle\",\"borderLeftStyle\",\"borderTopWidth\",\"borderRightWidth\",\"borderBottomWidth\",\"borderLeftWidth\",\"borderTopColor\",\"borderRightColor\",\"borderBottomColor\",\"borderLeftColor\",\"boxShadow\",\"cursor\"];\n  const MAX = 5000;\n  const els = document.querySelectorAll('*');\n  const styles = [];\n  const boxes = [];\n  const n = Math.min(els.length, MAX);\n  for (let i = 0; i < n; i++) {\n    const el = els[i];\n    const tag = el.tagName.toLowerCase();\n    const cs = getComputedStyle(el);\n    const css = {};\n    for (const p of PROPS) {\n      const v = cs[p];\n      if (v !== undefined && v !== null && v !== '') css[p] = String(v);\n    }\n    styles.push({ i: i, tag: tag, css: css });\n    const r = el.getBoundingClientRect();\n    boxes.push({ i: i, tag: tag, x: Math.round(r.left), y: Math.round(r.top), w: Math.round(r.width), h: Math.round(r.height) });\n  }\n  // The page's own stylesheets. Some criteria are properties of the STYLESHEET rather than of\n  // any element's computed style — focus styling removed with no replacement (2.4.7), a media\n  // query that locks the orientation (1.3.4) — and this is the only place they exist.\n  // A cross-origin sheet throws on .cssRules: COUNT those instead of ignoring them, so a rule\n  // reading this digest can tell \"nothing there\" apart from \"I could not look\".\n  const cssRules = [];\n  let unreadable = 0;\n  const MAXR = 4000;\n  const camel = (p) => p.replace(/-([a-z])/g, (_, c) => c.toUpperCase());\n  const walk = (list, media) => {\n    for (const r of list) {\n      if (cssRules.length >= MAXR) return;\n      if (typeof r.selectorText === 'string' && r.style) {\n        const decls = {};\n        for (let i = 0; i < r.style.length; i++) {\n          const prop = r.style[i];\n          decls[camel(prop)] = r.style.getPropertyValue(prop);\n        }\n        cssRules.push(media ? { selector: r.selectorText, media: media, decls: decls } : { selector: r.selectorText, decls: decls });\n      } else if (r.cssRules) {\n        const cond = r.conditionText || (r.media && r.media.mediaText) || media;\n        walk(r.cssRules, cond);\n      }\n    }\n  };\n  for (const sheet of document.styleSheets) {\n    try {\n      walk(sheet.cssRules, undefined);\n    } catch (e) {\n      unreadable++;\n    }\n  }\n\n  const truncated = els.length > MAX;\n  return {\n    dom: document.documentElement.outerHTML,\n    css: { v: 1, rules: cssRules, unreadable: unreadable, truncated: cssRules.length >= MAXR },\n    title: document.title,\n    lang: document.documentElement.getAttribute('lang') || '',\n    url: location.href,\n    viewport: { width: window.innerWidth, height: window.innerHeight },\n    styles: { v: 1, entries: styles, truncated: truncated },\n    boxes: { v: 1, entries: boxes, truncated: truncated }\n  };\n})()";
+const COLLECT = "(() => {\n  const PROPS = [\"color\",\"backgroundColor\",\"backgroundImage\",\"fontSize\",\"fontWeight\",\"fontStyle\",\"textDecorationLine\",\"textTransform\",\"lineHeight\",\"letterSpacing\",\"wordSpacing\",\"whiteSpace\",\"display\",\"visibility\",\"opacity\",\"position\",\"overflowX\",\"overflowY\",\"outlineStyle\",\"outlineWidth\",\"outlineColor\",\"borderTopStyle\",\"borderRightStyle\",\"borderBottomStyle\",\"borderLeftStyle\",\"borderTopWidth\",\"borderRightWidth\",\"borderBottomWidth\",\"borderLeftWidth\",\"borderTopColor\",\"borderRightColor\",\"borderBottomColor\",\"borderLeftColor\",\"boxShadow\",\"cursor\"];\n  const MAX = 5000;\n  const els = document.querySelectorAll('*');\n  const styles = [];\n  const boxes = [];\n  const n = Math.min(els.length, MAX);\n  for (let i = 0; i < n; i++) {\n    const el = els[i];\n    const tag = el.tagName.toLowerCase();\n    const cs = getComputedStyle(el);\n    const css = {};\n    for (const p of PROPS) {\n      const v = cs[p];\n      if (v !== undefined && v !== null && v !== '') css[p] = String(v);\n    }\n    styles.push({ i: i, tag: tag, css: css });\n    const r = el.getBoundingClientRect();\n    boxes.push({ i: i, tag: tag, x: Math.round(r.left), y: Math.round(r.top), w: Math.round(r.width), h: Math.round(r.height) });\n  }\n  // The page's own stylesheets. Some criteria are properties of the STYLESHEET rather than of\n  // any element's computed style — focus styling removed with no replacement (2.4.7), a media\n  // query that locks the orientation (1.3.4) — and this is the only place they exist.\n  // A cross-origin sheet throws on .cssRules: COUNT those instead of ignoring them, so a rule\n  // reading this digest can tell \"nothing there\" apart from \"I could not look\".\n  // The cap is on the ORDINARY pool only, and the traversal never stops early.\n  //\n  // It used to return the moment the pool filled, which abandoned every remaining sheet —\n  // and on a design-system app the pool fills long before the end. Measured on a real capture\n  // of 38 pages: all 38 came back truncated, so rendered-focus-not-visible declined on every\n  // one of them and 2.4.7 could never be decided by any number of scans. The rule was right to\n  // decline (a :focus rule might have been among the dropped ones); the collector was wrong to\n  // make that unavoidable.\n  //\n  // So the rules a rendered criterion actually READS — :focus styling, orientation locks,\n  // pinned positioning, animation — are kept whatever the pool is doing, and truncated now\n  // means \"some ordinary rule was dropped\", which is a much weaker statement. A rule can then\n  // ask for what it needs instead of refusing on a cap that never concerned it.\n  const cssRules = [];\n  let unreadable = 0;\n  let dropped = 0;\n  const MAXR = 4000;\n  const camel = (p) => p.replace(/-([a-z])/g, (_, c) => c.toUpperCase());\n  const KEEP_SELECTOR = /:focus|:target|:active/i;\n  const KEEP_PROP = /^(?:outline|position|animation|transition|transform)/;\n  const walk = (list, media) => {\n    for (const r of list) {\n      if (typeof r.selectorText === 'string' && r.style) {\n        const decls = {};\n        for (let i = 0; i < r.style.length; i++) {\n          const prop = r.style[i];\n          decls[camel(prop)] = r.style.getPropertyValue(prop);\n        }\n        const keep = KEEP_SELECTOR.test(r.selectorText) || Object.keys(decls).some((k) => KEEP_PROP.test(k));\n        if (cssRules.length >= MAXR && !keep) { dropped++; continue; }\n        cssRules.push(media ? { selector: r.selectorText, media: media, decls: decls } : { selector: r.selectorText, decls: decls });\n      } else if (r.cssRules) {\n        const cond = r.conditionText || (r.media && r.media.mediaText) || media;\n        walk(r.cssRules, cond);\n      }\n    }\n  };\n  for (const sheet of document.styleSheets) {\n    try {\n      walk(sheet.cssRules, undefined);\n    } catch (e) {\n      unreadable++;\n    }\n  }\n\n  const truncated = els.length > MAX;\n  return {\n    dom: document.documentElement.outerHTML,\n    css: { v: 1, rules: cssRules, unreadable: unreadable, truncated: dropped > 0, dropped: dropped },\n    title: document.title,\n    // The doctype is NOT part of documentElement.outerHTML, so a capture that records only\n    // the DOM drops it — and RGAA 8.1 (is a doctype present, valid, and before <html>?) then\n    // has nothing to look at. Recorded as its own field for that reason.\n    doctype: document.doctype ? '<!DOCTYPE ' + document.doctype.name + (document.doctype.publicId ? ' PUBLIC \"' + document.doctype.publicId + '\"' : '') + (document.doctype.systemId ? ' \"' + document.doctype.systemId + '\"' : '') + '>' : '',\n    lang: document.documentElement.getAttribute('lang') || '',\n    url: location.href,\n    viewport: { width: window.innerWidth, height: window.innerHeight },\n    styles: { v: 1, entries: styles, truncated: truncated },\n    boxes: { v: 1, entries: boxes, truncated: truncated }\n  };\n})()";
 const browser = await chromium.launch({ args: ["--no-sandbox", "--disable-dev-shm-usage"] });
 try {
   const page = await browser.newPage();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ultra11y",
-  "version": "5.4.1",
+  "version": "5.5.1",
   "description": "Audit HTML/CSS/JSX against WCAG 2.2 AA and produce a dated compliance report, or author/review accessible markup (native-HTML-first). A skills.sh agent skill: an install-free static engine (bundled, no npm install) plus the agent's judgment, with check/verify gates against hallucinated non-conformities, and pluggable in-repo standards packs (RGAA France first; Section 508 & EN 301 549 next).",
   "type": "module",
   "packageManager": "pnpm@10.33.0",