feat: add eslint-plugin-jsx-a11y via jsx.a11y option (#743)

Author: ccpu

eslint.config.ts

@@ -14,6 +14,9 @@ export default antfu(
     formatters: true,
     pnpm: true,
     type: 'lib',
+    jsx: {
+      a11y: true,
+    },
   },
   {
     ignores: [

fixtures/eslint.config.ts

@@ -0,0 +1,30 @@
+import { antfu } from './src'
+
+export default antfu(
+  {
+    vue: {
+      a11y: true,
+    },
+    react: true,
+    solid: true,
+    svelte: true,
+    astro: true,
+    typescript: true,
+    formatters: true,
+    pnpm: true,
+    type: 'lib',
+  },
+  {
+    ignores: [
+      'fixtures',
+      '_fixtures',
+      '**/constants-generated.ts',
+    ],
+  },
+  {
+    files: ['src/**/*.ts'],
+    rules: {
+      'perfectionist/sort-objects': 'error',
+    },
+  },
+)

fixtures/jsx-a11y-errors/invalid-anchor-href.jsx

@@ -0,0 +1,11 @@
+function App() {
+  return (
+    <div>
+      <a href="#">Click here</a>
+      <a href="javascript:void(0)">Go nowhere</a>
+      <a href="#content">Jump to content</a>
+    </div>
+  );
+}
+
+export default App;

fixtures/jsx-a11y-valid/accessible-elements.jsx

@@ -0,0 +1,17 @@
+function App() {
+  return (
+    <div>
+      <img src="test.jpg" alt="A decorative element" />
+      <label htmlFor="name-input">
+        Enter your name:
+        <input type="text" id="name-input" />
+      </label>
+      <button type="button" onClick={() => console.log('clicked')}>
+        Click me
+      </button>
+      <a href="https://example.com">Visit our website</a>
+    </div>
+  );
+}
+
+export default App;

package.json

@@ -51,6 +51,7 @@
     "eslint": "^9.10.0",
     "eslint-plugin-astro": "^1.2.0",
     "eslint-plugin-format": ">=0.1.0",
+    "eslint-plugin-jsx-a11y": ">=6.10.2",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-solid": "^0.14.3",
@@ -82,6 +83,9 @@
     "eslint-plugin-format": {
       "optional": true
     },
+    "eslint-plugin-jsx-a11y": {
+      "optional": true
+    },
     "eslint-plugin-react-hooks": {
       "optional": true
     },
@@ -152,13 +156,15 @@
     "@eslint/config-inspector": "catalog:dev",
     "@next/eslint-plugin-next": "catalog:peer",
     "@prettier/plugin-xml": "catalog:peer",
+    "@types/eslint-plugin-jsx-a11y": "catalog:dev",
     "@types/node": "catalog:dev",
     "@unocss/eslint-plugin": "catalog:peer",
     "astro-eslint-parser": "catalog:peer",
     "bumpp": "catalog:dev",
     "eslint": "catalog:peer",
     "eslint-plugin-astro": "catalog:peer",
     "eslint-plugin-format": "catalog:peer",
+    "eslint-plugin-jsx-a11y": "catalog:peer",
     "eslint-plugin-react-hooks": "catalog:peer",
     "eslint-plugin-react-refresh": "catalog:peer",
     "eslint-plugin-solid": "catalog:peer",