cbrowser 19.4.0 → 19.4.2

package/dist/analysis/accessibility-empathy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility-empathy.d.ts","sourceRoot":"","sources":["../../src/analysis/accessibility-empathy.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAoCH,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EAEnB,oBAAoB,EAEpB,4BAA4B,EAK7B,MAAM,aAAa,CAAC;AA8OrB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS;IAAE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,EAAE,4BAA4B,CAAA;CAAE,EAChH,QAAQ,EAAE,CAAC,EAAE,EACb,UAAU,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,GAC7B;IAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IAAC,UAAU,EAAE,KAAK,CAAC,CAAC,GAAG;QAAE,eAAe,EAAE,IAAI,CAAC;QAAC,kBAAkB,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,CAAA;KAAE,CAAC,CAAA;CAAE,CAmB3G;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,EACnH,QAAQ,EAAE,CAAC,EAAE,EACb,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAWhC;AAqgFD,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAuG3E;AAED,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CA2UjF;AAsBD,0EAA0E;AAC1E,wBAAgB,mBAAmB,CAAC,CAAC,EAAE;IAAE,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAGhF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,oBAAoB,EAAE,GAAG,MAAM,CAE9E;AAmKD;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAmB,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,KAAK,CAAC;IAAE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,EAC7E,mBAAmB,EAAE,GAAG,CAAC,MAAM,CAAC,EAChC,sBAAsB,EAAE,GAAG,CAAC,MAAM,CAAC,EACnC,SAAS,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,GAC5B,MAAM,EAAE,CAkBV;AAED,wBAAsB,eAAe,CACnC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,kBAAkB,CAAC,CAmY7B"}
+{"version":3,"file":"accessibility-empathy.d.ts","sourceRoot":"","sources":["../../src/analysis/accessibility-empathy.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAoCH,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EAEnB,oBAAoB,EAEpB,4BAA4B,EAK7B,MAAM,aAAa,CAAC;AA8OrB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS;IAAE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,EAAE,4BAA4B,CAAA;CAAE,EAChH,QAAQ,EAAE,CAAC,EAAE,EACb,UAAU,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,GAC7B;IAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IAAC,UAAU,EAAE,KAAK,CAAC,CAAC,GAAG;QAAE,eAAe,EAAE,IAAI,CAAC;QAAC,kBAAkB,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,CAAA;KAAE,CAAC,CAAA;CAAE,CAmB3G;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,EACnH,QAAQ,EAAE,CAAC,EAAE,EACb,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAWhC;AA0iFD,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAuG3E;AAED,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CA2UjF;AAsBD,0EAA0E;AAC1E,wBAAgB,mBAAmB,CAAC,CAAC,EAAE;IAAE,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAGhF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,oBAAoB,EAAE,GAAG,MAAM,CAE9E;AAmKD;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAmB,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,KAAK,CAAC;IAAE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,EAC7E,mBAAmB,EAAE,GAAG,CAAC,MAAM,CAAC,EAChC,sBAAsB,EAAE,GAAG,CAAC,MAAM,CAAC,EACnC,SAAS,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,GAC5B,MAAM,EAAE,CAkBV;AAED,wBAAsB,eAAe,CACnC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,kBAAkB,CAAC,CAmY7B"}

package/dist/analysis/accessibility-empathy.js

@@ -289,7 +289,7 @@ async function detectSmallTouchTargets(ctx) {
     const _motorControl = persona.accessibilityTraits.motorControl ?? 0.5;
     const smallTargets = await page.$$eval('button, a, input[type="checkbox"], input[type="radio"], [role="button"], [onclick]', (elements, vpOnly) => {
         const vh = window.innerHeight;
-        return elements.map(el => {
+        const mapped = elements.map(el => {
             const rect = el.getBoundingClientRect();
             const text = el.textContent?.trim().slice(0, 50) || '';
             const href = el.href || el.getAttribute('href') || '';
@@ -348,8 +348,32 @@ async function detectSmallTouchTargets(ctx) {
                 area: rect.width * rect.height,
                 inViewport: rect.bottom > 0 && rect.top < vh,
                 exempt: isSkipLink || isVisuallyHidden || isInlineTextLink,
+                notTarget: isSkipLink || isVisuallyHidden,
+                inlineLink: isInlineTextLink,
+                spaced: false,
+                el,
             };
-        }).filter(el => {
+        });
+        // WCAG 2.5.8's spacing exception: an undersized target passes when a 24px
+        // circle centred on it intersects no other target and no other undersized
+        // target's circle. Without it a lone 152x20 button was a critical AA failure
+        // (v10 Q2). Measured against every live target, on or off screen; a target
+        // nested in another (a button in a link) is the same target, not a neighbour.
+        // An inline text link is exempt from the SIZE rule only: it is still a target,
+        // so it stays a neighbour (with no circle of its own). 19.4.1 dropped it, and
+        // cbrowser.ai's carousel step dots overlapping an inline link passed.
+        const live = mapped.filter((m) => m.area > 0 && !m.notTarget);
+        const small = (m) => !m.inlineLink && (Math.round(m.width) < 24 || Math.round(m.height) < 24);
+        const centre = (m) => ({ x: m.x + m.width / 2, y: m.y + m.height / 2 });
+        const distToRect = (p, m) => Math.hypot(Math.max(m.x - p.x, 0, p.x - (m.x + m.width)), Math.max(m.y - p.y, 0, p.y - (m.y + m.height)));
+        for (const u of live) {
+            if (!small(u))
+                continue;
+            const c = centre(u);
+            u.spaced = !live.some((t) => t !== u && !t.el.contains(u.el) && !u.el.contains(t.el) &&
+                (distToRect(c, t) < 12 || (small(t) && Math.hypot(c.x - centre(t).x, c.y - centre(t).y) < 24)));
+        }
+        return mapped.map(({ el: _el, ...rest }) => rest).filter(el => {
             if (el.area <= 0 || el.exempt)
                 return false;
             if (vpOnly && !el.inViewport)
@@ -373,7 +397,8 @@ async function detectSmallTouchTargets(ctx) {
         .map((t) => {
         const w = Math.round(t.width);
         const h = Math.round(t.height);
-        return { ...t, w, h, failsAA: w < aaMinimum || h < aaMinimum, failsAAA: w < aaaTarget || h < aaaTarget };
+        const undersized = w < aaMinimum || h < aaMinimum;
+        return { ...t, w, h, undersized, failsAA: undersized && !t.spaced, failsAAA: w < aaaTarget || h < aaaTarget };
     })
         .filter((t) => t.failsAAA);
     // AA failures first, THEN the cap, so AAA-only candidates (now more numerous
@@ -393,6 +418,14 @@ async function detectSmallTouchTargets(ctx) {
             rawSeverity = w < 16 || h < 16 ? "critical" : "major";
             ctx.wcagViolations.add("2.5.8");
         }
+        else if (target.undersized) {
+            // Under 24px but passes 2.5.8 AA by its spacing exception; still under the
+            // 44px of 2.5.5 AAA. (v10 Q2)
+            wcagCriteria.push("2.5.5");
+            description = `Touch target under 24px (${w}x${h}px) — passes WCAG 2.5.8 AA by its spacing exception (nothing within its 24px circle), but under 44px for 2.5.5 AAA`;
+            rawSeverity = "minor";
+            ctx.wcagViolations.add("2.5.5");
+        }
         else {
             // Passes AA but fails AAA: at least 24 on both axes, under 44 on one.
             wcagCriteria.push("2.5.5");
@@ -890,7 +923,10 @@ async function detectMotionWithoutPause(ctx) {
 function pushClassOnlyMotionBarrier(ctx, selectors) {
     const n = selectors.length;
     ctx.barriers.push({
-        type: "cognitive_load",
+        // "timing", the type 2.2.2 is weighted as. "cognitive_load" rated the fix
+        // "hard" and fired the ADHD "complex form layout" friction on pages with no
+        // form. (v10 B44/B45)
+        type: "timing",
         element: `${n} class-named motion element${n === 1 ? "" : "s"}`,
         // A page-wide aggregate; each element is in members.
         pageLevel: true,
@@ -907,7 +943,8 @@ function pushClassOnlyMotionBarrier(ctx, selectors) {
 /** One 2.2.2 barrier for an uncredited motion group. */
 function pushMotionBarrier(ctx, g) {
     ctx.barriers.push({
-        type: "cognitive_load",
+        // See pushClassOnlyMotionBarrier: 2.2.2 is a timing barrier. (v10 B44/B45)
+        type: "timing",
         element: g.selector,
         description: `Moving content (${g.memberCount} animated element${g.memberCount === 1 ? "" : "s"}, found by ${g.detectedBy}) has no associated pause, stop or hide control - may distract users with attention difficulties`,
         affectedPersonas: ["cognitive-adhd", "dyslexic-user"],
@@ -3261,7 +3298,7 @@ export async function runEmpathyAudit(url, options) {
         if (!persona) {
             // Try to find as a regular cognitive persona and wrap it
             const { getAnyPersona, createCognitivePersona } = await import("../personas.js");
-            let cognitivePersona = getAnyPersona(personaName);
+            const cognitivePersona = getAnyPersona(personaName);
             // No CMS fallback here any more: the account's CMS personas were loaded
             // into the scoped registry above, so getAnyPersona already sees them, and
             // a name nothing resolves was refused before the loop. (2026-10-09)