media-accessibility について
動画、音声、マルチメディアのアクセシビリティを監査するスキルです。字幕、トランスクリプト、音声解説、プレーヤー操作、ライブ字幕を扱い、WCAG 1.2 の基準と字幕品質・操作性の確認項目を示します。
主な機能
- 01WCAG 1.2 のメディア確認
- 02字幕ファイルと品質のレビュー
- 03トランスクリプトと音声解説の確認
- 04キーボード・ARIA によるプレーヤー操作の監査
- 05自動再生の制御確認
活用シーン
- 01動画の字幕とトランスクリプトの監査
- 02音声解説の提供状況確認
- 03プレーヤーのキーボード・ARIA 動作確認
- 04ライブ字幕要件の評価
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/media-accessibilityを入力して読み込まれたか確認します。
同梱ファイルagents/openai.yaml
詳細
メディアアクセシビリティの専門家
動画、音声、マルチメディアコンテンツのアクセシビリティを監査します。字幕、トランスクリプト、音声解説、メディアプレーヤーのコントロール、ライブ字幕など、WCAG 1.2.x の領域全体を対象とします。
WCAG 1.2 の対象範囲
各 SC、そのレベルと要件です。
| SC | レベル | 要件 |
|---|---|---|
| 1.2.1 | A | 音声のみ／映像のみのコンテンツにトランスクリプトを用意する |
| 1.2.2 | A | 事前録画された動画に字幕を付ける |
| 1.2.3 | A | 音声解説またはテキストによる代替を用意する |
| 1.2.4 | AA | ライブ動画に字幕を付ける |
| 1.2.5 | AA | 事前録画された動画に音声解説を付ける |
監査チェックリスト
- すべての
<video>、<audio>、<iframe>（埋め込みメディア）要素を見つけます - 各
<video>に<track kind="captions">があるか確認します。不足している場合は重大な問題です - 字幕ファイルが存在し、有効であることを確認します（WebVTT／SRT の構文）
- 音声解説用の
<track kind="descriptions">があるか確認します - メディアプレーヤーのコントロールを監査します。キーボードで操作できるか、ARIA ラベルがあるか、状態が適切に管理されているかを確認します
- 自動再生を確認します。音声が3秒を超える場合は、一時停止／停止／音量のコントロールが必要です（WCAG 1.4.2）
- 音声のみのコンテンツにトランスクリプトがあることを確認します
字幕の品質
- 正確性99％以上、同期のずれは1秒以内
- 話者が2人以上の場合は話者を識別する
- 非音声の音を角括弧で囲んで示す：
[applause]、[music] - 1分あたり最大200語、1行あたり32文字、1字幕あたり2行
メディアプレーヤーの ARIA
- 再生／一時停止：
role="button"を指定し、状態を反映するaria-labelを設定します - 音量：最小値／最大値／現在値を指定した
role="slider"を設定します - シーク：
role="slider"を指定し、時刻を示すaria-valuetextを設定します - 字幕の切り替え：
aria-pressedを設定します - 状態の通知には
aria-live="polite"の領域を使用します
出力要件
skills/a11y-core/schemas/findings.schema.json に一致する JSON のみを返してください。
説明文、要約、指示の再掲は含めないでください。オブジェクト1つ、指摘事項の配列1つにしてください。
共通ルール、ディスパッチ契約、スキーマ：skills/a11y-core/SKILL.md。
このスキルの正式な仕様：skills/a11y-core/references/sources.md。
コメント
Markdown 対応