specify

適応動作の指定

多様なユーザーニーズ（好み、画面の状態、認知上の要件）にインターフェースがどのように適応するかを、後付けではなくデザイン仕様の一部として定義します。

プロセス

ステップ 1：設定への対応を定義する

user-preference-respect を使用して、各システム設定にインターフェースがどう対応するかを指定します。

• prefers-reduced-motion：何が変わるか
• prefers-contrast：何が変わるか
• prefers-color-scheme：何が変わるか
• forced-colors：何が変わるか
• prefers-reduced-transparency：何が変わるか

ステップ 2：レスポンシブ動作を定義する

responsive-accessibility を使用して、以下を指定します。

• ブレークポイントと各ブレークポイントで再配置される内容
• 200% ズーム時の動作
• 画面の向きへの対応
• 各ブレークポイントでのタッチターゲットのサイズ

ステップ 3：タイポグラフィの動作を定義する

flexible-typography を使用して、以下を指定します。

• 相対単位を使った文字サイズのスケール
• 行の高さと間隔の値
• ユーザーがテキストを 200% に拡大したときの動作
• ダークモードでのタイポグラフィの調整

ステップ 4：色の戦略を定義する

colour-independence を使用して、以下を指定します。

• 色で表現されるすべての意味に、どのような第 2 の表現を用いるか
• ステータスインジケーターのデザイン（色＋アイコン＋テキスト）
• グラフとデータ視覚化の色の戦略
• グレースケールテストの結果

ステップ 5：表示オプションを定義する

simplified-views と information-density を使用して、以下を指定します。

• 簡易表示と完全表示に含まれる内容
• ユーザーが表示を切り替える方法
• 選択可能な密度レベル
• ビューポートとコンテキストごとのデフォルトの密度

出力

適応動作の仕様として、以下を提出します。

1. 設定への対応表 — 各システム設定と、それに対するインターフェースの動作
2. レスポンシブ動作マップ — 各ブレークポイントとズームレベルでの変更内容
3. タイポグラフィ仕様 — スケール、単位、間隔、拡大時の動作
4. 色の独立性の監査 — 色に依存するすべての要素と、それぞれの第 2 の表現
5. 表示と密度のオプション — 選択可能な内容と、ユーザーによる操作方法