test-a11y-js 0.8.0 → 0.8.1

package/README.md

@@ -166,7 +166,18 @@ const videoViolations = A11yChecker.checkVideoCaptions(element)
 const audioViolations = A11yChecker.checkAudioCaptions(element)
 const landmarkViolations = A11yChecker.checkLandmarks(element)
 const dialogViolations = A11yChecker.checkDialogModal(element)
+
+// Phase 1: ARIA, Semantic HTML, Form Validation
+const ariaRoleViolations = A11yChecker.checkAriaRoles(element)
+const ariaPropertyViolations = A11yChecker.checkAriaProperties(element)
+const ariaRelationshipViolations = A11yChecker.checkAriaRelationships(element)
+const accessibleNameViolations = A11yChecker.checkAccessibleName(element)
+const compositePatternViolations = A11yChecker.checkCompositePatterns(element)
+const semanticHTMLViolations = A11yChecker.checkSemanticHTML(element)
+const formValidationViolations = A11yChecker.checkFormValidationMessages(element)
 ```
+<｜tool▁calls▁begin｜><｜tool▁call▁begin｜>
+read_file
 
 ## API
 
@@ -362,6 +373,64 @@ function MyComponent() {
 </template>
 ```
 
+### ARIA Validation (Phase 1)
+
+```tsx
+// ❌ ESLint will catch these ARIA issues
+function MyComponent() {
+  return (
+    <div>
+      <div role="invalid-role">Content</div>  {/* Invalid role */}
+      <button role="button">Click</button>     {/* Redundant role */}
+      <div role="tab">Tab</div>                {/* Missing tablist context */}
+      <input aria-label="" />                  {/* Empty aria-label */}
+    </div>
+  )
+}
+
+// ✅ Fixed
+function MyComponent() {
+  return (
+    <div role="tablist">
+      <button>Click</button>                    {/* Native button, no role needed */}
+      <div role="tab" aria-controls="panel-1">Tab</div>
+      <input aria-label="Email address" />
+    </div>
+  )
+}
+```
+
+### Semantic HTML (Phase 1)
+
+```tsx
+// ❌ ESLint will catch semantic HTML misuse
+function MyComponent() {
+  return (
+    <div>
+      <div role="button" onClick={handleClick}>Click</div>  {/* Use <button> */}
+      <a>Link without href</a>                               {/* Missing href */}
+      <button><a href="/">Nested link</a></button>          {/* Nested interactive */}
+      <main>Content</main>
+      <main>Another main</main>                             {/* Multiple main */}
+    </div>
+  )
+}
+
+// ✅ Fixed
+function MyComponent() {
+  return (
+    <div>
+      <button onClick={handleClick}>Click</button>
+      <a href="/page">Link</a>
+      <button>Action</button>
+      <main>Content</main>
+    </div>
+  )
+}
+```
+<｜tool▁calls▁begin｜><｜tool▁call▁begin｜>
+run_terminal_cmd
+
 ## How It Compares
 
 | Feature | test-a11y-js | eslint-plugin-jsx-a11y | @axe-core/react |

package/dist/index.js

@@ -1832,7 +1832,10 @@ ${index + 1}. ${violation.id} (${violation.impact})`);
         if (!ids.has(id)) {
           ids.set(id, []);
         }
-        ids.get(id).push(el);
+        const elements = ids.get(id);
+        if (elements) {
+          elements.push(el);
+        }
       }
     }
     for (const [id, elements] of ids.entries()) {

package/dist/index.mjs

@@ -1813,7 +1813,10 @@ ${index + 1}. ${violation.id} (${violation.impact})`);
         if (!ids.has(id)) {
           ids.set(id, []);
         }
-        ids.get(id).push(el);
+        const elements = ids.get(id);
+        if (elements) {
+          elements.push(el);
+        }
       }
     }
     for (const [id, elements] of ids.entries()) {

package/dist/linter/eslint-plugin/index.js

@@ -1900,7 +1900,10 @@ ${index + 1}. ${violation.id} (${violation.impact})`);
         if (!ids.has(id)) {
           ids.set(id, []);
         }
-        ids.get(id).push(el);
+        const elements = ids.get(id);
+        if (elements) {
+          elements.push(el);
+        }
       }
     }
     for (const [id, elements] of ids.entries()) {

package/dist/linter/eslint-plugin/index.mjs

@@ -1882,7 +1882,10 @@ ${index + 1}. ${violation.id} (${violation.impact})`);
         if (!ids.has(id)) {
           ids.set(id, []);
         }
-        ids.get(id).push(el);
+        const elements = ids.get(id);
+        if (elements) {
+          elements.push(el);
+        }
       }
     }
     for (const [id, elements] of ids.entries()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "test-a11y-js",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Zero-config accessibility testing for React, Vue & JSX. ESLint plugin + programmatic API. Catch a11y issues before production.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",