Communitygithub.com

アクセシビリティレビュー

実装されたプライマリフローと関連するリカバリ状態を、ブラウザ検証コントラクトを用いてレビューします。キーボードアクセス、フォーカス、アクセシブルな名前、構造、コントラスト、モーション動作をチェックします。

アクセシビリティレビュー とは?

このスキルは、Webアプリケーションのアクセシビリティを徹底的にレビューするためのものです。具体的には、セマンティックなランドマークや見出し、意味のある名前、ラベルと入力の関連付け、エラーメッセージとの関連、フォーカスの可視性、フォーカス順序と復元、キーボード操作とエスケープ動作、コントラスト比、ズームやリフロー、モーション動作の軽減などをチェックします。主な用途は、UIのキーボードアクセシビリティ、フォーカス制御、アクセシブルな名前、構造、コントラスト、モーション動作のレビュー依頼があった場合です。このスキルは、実際のブラウザ操作(press_key APIなど)を用いて検証し、dispatchEventやスクリプトによるフォーカスは信頼できないキーボードエビデンスとして扱いません。また、スクリーンショットだけではフォーカス順序や支援技術の動作を証明できないとしています。コントラスト計算は、実際の計算済み前景色と背景色(不透明度、継承、合成を含む)から行い、複雑な背景ではピクセル分析を使用します。既存のアクセシビリティ自動化が利用可能な場合は、その結果を記録しますが、カバレッジを主張するためだけにツール依存を追加することは避けます。問題は、ブロッカー/メジャー/マイナーに分類し、証拠と修正方法を添えて報告し、修正後は影響を受ける動作を再テストします。サポートされていないチェックは「保留中」として記録します。自動スキャンと限定的な手動チェックだけでは、完全なWCAG準拠を確立できないことに注意が必要です。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alty-oss/dev-design/tree/HEAD/skills/accessibility-review

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

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

ドキュメント

アクセシビリティレビュー は何をしますか?

Português (Brasil) 実装されたプライマリフローと関連するリカバリ状態を、ブラウザ検証コントラクトを用いてレビューします。 セマンティックなランドマークや見出し、意味のある名前、ラベルと入力の関連付け、エラーメッセージとの関連、フォーカスの可視性、フォーカス順序と復元、キーボード操作とエスケープ動作、コントラスト、ズーム/リフロー、モーション動作の軽減をチェックします。 サポートされているネイティブキーボード入力を、観測可能なフォーカスやアクティブ化の変化に合わせて較正します。動作変更のない名前付きのpress_key APIだけでは不十分です。利用可能な場合は、ドキュメント化されたネイティブな代替手段を1つ試し、失敗した場合は未サポートとマークします。dispatchEventやスクリプトによるフォーカスは、信頼できるキーボードの証拠とはなりません。キーボードに関する主張には、実際のブラウザアクションを使用してください。オーバーレイと検証を検査します。スクリーンショットだけでは、フォーカス順序や支援技術の動作を証明できません。 不透明な背景の場合は、不透明度、継承、合成を含む実際の計算済み前景色と背景色からコントラストを計算します。複雑な背景が必要な場合は、ピクセル分析を使用します。方法、色、比率、範囲を記録します。 利用可能な場合は、既存のアクセシビリティ自動化を実行し、その範囲と結果を記録します。カバレッジを主張するためだけにツール依存を追加しないでください。 問題をブロッカー/メジャー/マイナーに分類し、証拠と修正方法を添えて報告します。修正後、影響を受ける動作を再テストします。 サポートされていないチェックは「保留中」として記録します。自動スキャンと限定的な手動チェックだけでは、完全なWCAG準拠を確立できません。必要な監査範囲なしに、グローバルな準拠を宣言しないでください。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

関連スキル