tailwind-a11y 0.3.0 → 0.3.1

package/dist/parser/extractTouchTargets.js

@@ -17,6 +17,31 @@ function lastSizeToken(tokens, prefix) {
     }
     return found;
 }
+function isMeaningfulText(node) {
+    // Pure JSX-formatting whitespace (indentation/newlines between elements)
+    // doesn't count as text.
+    return !!node && t.isJSXText(node) && node.value.trim().length > 0;
+}
+// WCAG 2.5.8's "Inline" exception: a target inside a sentence or block of
+// text is exempt from the minimum size, since its size is constrained by
+// surrounding text flow rather than a deliberate layout choice. Checked via
+// the element's *immediate* siblings only (not "any text anywhere in the
+// parent") — a parent-wide check would exempt every sibling in something
+// like `<p>Choose: <button/><button/></p>` just because the first button
+// happens to sit next to text, even though the second one doesn't. That's
+// the same "shape, not meaning" failure mode as the bg-opacity-50/ring-0
+// false negatives documented in CLAUDE.md, just at the sibling level instead
+// of the token level.
+function isInlineInText(path) {
+    const parentNode = path.parentPath?.node;
+    if (!parentNode || (!t.isJSXElement(parentNode) && !t.isJSXFragment(parentNode)))
+        return false;
+    const siblings = parentNode.children;
+    const index = siblings.indexOf(path.node);
+    if (index === -1)
+        return false;
+    return isMeaningfulText(siblings[index - 1]) || isMeaningfulText(siblings[index + 1]);
+}
 export function extractTouchTargetChecks(code, filePath) {
     const ast = parseJSX(code, filePath);
     if (!ast)
@@ -39,6 +64,8 @@ export function extractTouchTargetChecks(code, filePath) {
             const heightPx = spacingScale[height.value];
             if (widthPx === undefined || heightPx === undefined)
                 return; // arbitrary/keyword/fraction — skip
+            if (isInlineInText(path))
+                return; // WCAG 2.5.8 inline exception — exempt, not a violation
             checks.push({
                 file: filePath,
                 line: opening.loc?.start.line ?? 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-a11y",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Static analysis CLI that catches WCAG accessibility violations — color contrast, touch target size, and focus indicator removal — in Tailwind CSS class combinations before they ship.",
   "type": "module",
   "bin": {