Communityコーディング&開発github.com

jovd83/a11y-audit-agent-skill

Webアプリケーション向けアクセシビリティ監査スキル。自動スキャン、手動検証、修正可能なWCAGレポートを統合します。

a11y-audit-agent-skill とは?

このスキルは、Webアプリケーションのアクセシビリティ監査を実施するためのAIエージェント用スキルです。自動スキャンと手動検証を組み合わせ、WCAG(Web Content Accessibility Guidelines)に準拠した修正可能なレポートを生成します。主な機能には、ページ全体の自動アクセシビリティチェック、要素単位の手動検証、問題の重要度分類、修正手順の提案、そして最終的なWCAG準拠レポートの作成が含まれます。開発者やQAチームは、このスキルを使用してアクセシビリティの問題を迅速に特定し、具体的な修正アクションを計画できます。対応プラットフォームはClaude Code、Cursor、CodexなどのAIエージェント環境であり、マークダウン形式のレポート出力をサポートします。

対応~Claude Code~Codex CLI~Cursor
npx skills add jovd83/a11y-audit-agent-skill

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

a11y-audit-agent-skill は何をしますか?

Webアプリケーション向けアクセシビリティ監査スキル。自動スキャン、手動検証、修正可能なWCAGレポートを統合します。

概要

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)を使用して、Webアプリケーションのアクセシビリティ監査を実施します。

機能

  • 自動アクセシビリティスキャン(axe-core、Lighthouse、WAVEなどのツールを利用)
  • 手動検証のためのガイドライン
  • WCAG 2.1 AA/AAAに基づく問題の分類
  • 修正手順の提案
  • 修正可能なマークダウンレポートの生成

使用方法

# スキルの読み込み
あなたは `jovd83/a11y-audit-agent-skill` を使用してアクセシビリティ監査を実行できます。

# 監査の開始
ウェブサイトのURLを指定して、アクセシビリティ監査を開始してください。

出力例

# アクセシビリティ監査レポート

**対象URL**: https://example.com
**監査日時**: 2025-01-15

## 問題のサマリー

| 重要度 | 件数 |
|--------|------|
| 重大   | 3    |
| 中程度 | 7    |
| 軽微   | 12   |

## 問題リスト

### 1. 画像に代替テキストがない
- **重要度**: 重大
- **WCAG基準**: 1.1.1 非テキストコンテンツ(レベルA)
- **修正手順**: `<img>` タグに `alt` 属性を追加してください。

注意事項

  • このスキルは自動チェックと手動チェックの組み合わせを提供しますが、実際のアクセシビリティ準拠のためには専門家によるレビューを推奨します。
  • 生成されたレポートはマークダウン形式で出力されます。

ライセンス

MIT

関連スキル