eslint-plugin-jsx-a11y を使ってアクセシビリティ改善 - Qiita

はじめに この記事では、アクセシビリティをチェックする ESLint のプラグインである eslint-plugin-jsx-a11y の設定方法と各ルールの概要を実際にコードを書きながら確認していきます。 （たくさんルールがあるので、随時更新・補足していきます。） 開発環境 開発環境は以下の通りです。 Windows11 eslint-plugin-jsx-a11y 6.8.0 ESLint 8.57.0 npm 10.5.2 Node.js 20.13.1 TypeScript 5.4.2 React 18.2.0 インストールと設定 まずは以下のコマンドで ESLint と eslint-plugin-jsx-a11y をインストールします。