タスク一覧に戻る

画面のアクセシビリティをざっと点検する

キーボード操作、セマンティクス、コントラスト、フォームのフィードバックで、リスクの高い問題を素早く見つけます。

完了すると得られるもの

重大度順に並べたアクセシビリティの問題一覧。

始める前に

  • ページのコードを読める。できればローカルでプレビューを動かせる

手順

  1. 見出しとランドマークの構造を確認する
  2. キーボードでの移動順とフォーカスを一通り試す
  3. ラベル、エラー、状態の読み上げを確認する
  4. テキストのコントラストと拡大表示を抜き取りで確認する

成果物

  • 問題一覧
  • 再現手順
  • 修正の優先度

完了条件

  • 各項目にユーザーへの影響と再現方法がある
  • 自動チェックだけで人の判断を置き換えていない

Agent に渡すプロンプト

現在の画面について、読み取り専用でアクセシビリティの簡易点検をしてください。セマンティックな構造、キーボード操作、フォーカス、フォームのラベル、状態のフィードバック、コントラスト、200% 拡大、動きを減らす設定(prefers-reduced-motion)を対象にしてください。重大度順に、場所、ユーザーへの影響、再現方法、最小限の修正を出力してください。