accessibility

アクセシビリティ監査・改善

WCAG 2.2とLighthouse監査を基に、画面読み上げやキーボード操作などWebアクセシビリティを監査・改善します。

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

このSkillでできること

  • ✓WCAG 2.2に基づくWebアクセシビリティ監査
  • ✓Lighthouseやaxeによる自動チェックの整理
  • ✓アクセシビリティツリー、見出し、ランドマークの確認
  • ✓キーボード操作やフォーカス状態を含む改善案の提示
02

使い方

01
STEP 1

対象ページと確認したいアクセシビリティ上の課題を伝える

02
STEP 2

利用可能な場合は監査結果やアクセシビリティツリーを提示する

03
STEP 3

自動監査だけでなく、キーボード操作などの手動確認も行う

04
STEP 4

修正後に同じ監査と手動確認を再実施する

03

Skillのインストール

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

Repository:
https://github.com/Arutemu64/fanapp
手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

npx lighthouse https://example.com --only-categories=accessibility
npm install @axe-core/cli -g
axe https://example.com
04

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

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

このページをWCAG 2.2に沿って監査し、キーボード操作、見出し構造、ランドマーク、フォーカス状態、スクリーンリーダーでの利用性を確認してください。
出力例を見る
検出した問題を、該当するWCAG項目、影響する要素、再現手順、改善案、修正後の確認方法に分けて整理します。
05

安全性チェック

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

外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
  • network: d]bash # Lighthouse accessibility audit npx lighthouse https://example.com --only-categories=accessibility # axe-core npm install @axe-core/cli -g axe h
  • network: ssibility # axe-core npm install @axe-core/cli -g axe https://example.com [large code block omitted]sh just bootstrap [large code block omitted]sh just
06

関連Skill