a11y-fixes

GAIAアクセシビリティ修正

VitestやPlaywrightのaxe-core違反を読み取り、Reactアプリのアクセシビリティ修正と再検証を進めるスキル。

AIスキル大辞典による日本語要約
品質評価88/100評価確度:十分
人気度(GitHub Star) 47発掘スコア 87
01

このSkillでできること

  • axe-coreのルール違反を特定する
  • 色コントラスト・ラベル・名前・ARIAなどを修正する
  • 見出し・ランドマーク・フォーカス関連の問題を改善する
  • 修正後にテストで再検証する
02

使い方

01
STEP 1

Vitest、Playwright、監査エージェントの違反IDを確認する

02
STEP 2

該当するaxeルールとプロジェクト規約を参照する

03
STEP 3

意味のあるHTML・ARIA・ラベル・コントラストへ修正する

04
STEP 4

同じ検査を再実行し、違反が解消したことを確認する

03

Skillのインストール

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/gaia-react/gaia
04

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

axe-coreが報告したbutton-nameとaria-valid-attr-valueの違反を修正し、テストで再確認してください。
出力例を見る
各違反について原因、修正箇所、適用したアクセシビリティ規則、再検証結果を示します。
05

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
  • network: ointed at the wrong repo. **Requirements:** [Node.js](https://nodejs.org/) >= 22.22.0 ([nvm](https://github.com/nvm-sh/nvm) recommended). macOS or Linux
  • network: ts:** [Node.js](https://nodejs.org/) >= 22.22.0 ([nvm](https://github.com/nvm-sh/nvm) recommended). macOS or Linux; on Windows, run inside [WSL2](https:/
06

関連Skill