tooling/a11y-lint

Why

Lint runs on every save and every pull request, before any audit. Accessibility lint rules catch missing labels, alt and keyboard handlers while the code is being written, in every component, including what the static audit skips.

Fix

React: eslint-plugin-jsx-a11y (recommended). Vue: eslint-plugin-vuejs-accessibility. Angular: the accessibility rules of @angular-eslint/eslint-plugin-template. Svelte: keep the compiler's a11y_* warnings on and require a comment with a reason for each ignore. Lit: eslint-plugin-lit-a11y. Check the plugin supports the installed ESLint major before upgrading ESLint.

Examples

// eslint.config.js (React)
import jsxA11y from 'eslint-plugin-jsx-a11y'
export default [jsxA11y.flatConfigs.recommended]

Sources

• eslint-plugin-jsx-a11y
• eslint-plugin-vuejs-accessibility
• Svelte, compiler warnings (a11y)

Read it in the terminal

npx github:dawidolko/frontend-skills explain tooling/a11y-lint