preference-audit

ユーザー設定の監査

既存のインターフェースが、ユーザーの設定したアクセシビリティ設定を正しく検出し、対応しているかをテストします。

プロセス

ステップ 1：モーション設定のテスト

user-preference-respectを使って prefers-reduced-motion を有効にし、インターフェース全体を操作します。以下を記録してください。

• 再生され続けるアニメーション
• スライドやフェードを続けるトランジション
• 有効なままの視差効果
• 停止しない自動再生動画やカルーセル
• 機能上の目的を持たないモーション

ステップ 2：コントラストと色の設定のテスト

prefers-contrast（more）と forced-colors モードを有効にします。user-preference-respectとcolour-independenceを使って、以下を記録してください。

• 見えなくなったり、見分けがつかなくなったりする要素
• 表示されなくなるフォーカスインジケーター
• 枠線がなくなるインタラクティブ要素
• 意味をなさなくなる色だけで示されたステータスインジケーター
• 読みづらくなるグラフや視覚化

ステップ 3：配色のテスト

ライトモードとダークモードを切り替えます。以下を記録してください。

• いずれかのモードで読めなくなるコンテンツ
• 配色が切り替わらない画像やアイコン
• テーマと衝突するハードコードされた色
• 特定のモードで発生するコントラストの問題

ステップ 4：テキストの拡大とズームのテスト

responsive-accessibilityを使い、ブラウザーのズームを200％に設定し、システムのフォントサイズを最大にしてテストします。以下を記録してください。

• はみ出したり、切れたりするテキスト
• 崩れたり、重なったりするレイアウト
• 発生する横スクロール
• コンテンツが途切れる高さ固定のコンテナー
• 操作できなくなるインタラクティブ要素

ステップ 5：設定の組み合わせをテスト

実際に想定される次の組み合わせをテストします。

• ダークモード＋高コントラスト＋モーションの低減
• 200％ズーム＋システムフォントの拡大
• 強制色＋モーションの低減

複数の設定を同時に有効にした場合にのみ発生する問題を記録してください。

出力

監査レポートを作成します。

1. 概要 — 対応している設定と無視されている設定
2. 設定ごとの検出結果 — 各設定で発生する具体的な問題
3. 組み合わせによる問題 — 複数の設定を有効にした場合にのみ発生する問題
4. 修正リスト — 深刻度と影響を受けるユーザー数に基づく優先順位

深刻度の定義：

• Critical（重大） — 設定が完全に無視され、危害が生じる、またはアクセスが妨げられる
• Major（大） — 設定が部分的にしか尊重されず、重大な問題が残る
• Minor（軽微） — 設定はおおむね尊重されているが、例外的なケースの修正が必要