tooling/a11y-lint

Dlaczego

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.

Poprawka

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.

Przykłady

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

Źródła

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

Przeczytaj w terminalu

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