#アクセシビリティ
色だけに頼らない表現 (Color Independence)
赤いエラー、緑の成功——色だけで状態を伝えるUIは、色覚多様性を持つ約5%の男性ユーザーに情報が届かない。色＋形＋テキストの多重コード化で、すべてのユーザーに伝わる設計原則。
2026年2月17日
約7分
コントラスト (Contrast)
「おしゃれで淡い」デザインは、誰も読めないサイトを生む。色・サイズ・明度の「差」を意図的に設計し、情報の優先順位と役割をユーザーの視線に直接語りかけるコントラストの設計原則。
2026年2月17日
約8分
クリック領域・到達しやすさ (Fitts's Law / Touch Targets)
小さすぎるボタン、遠すぎるリンク、密集したタップ領域——これらはすべてユーザーの操作コストを増やす。フィッツの法則に基づき、押しやすく・届きやすいUIを設計する原則。
2026年2月17日
約10分
フォーカス管理 (Focus Management)
モーダルを開いたら、フォーカスはどこへ行く？動的UIにおけるフォーカスの制御は、キーボードユーザーとスクリーンリーダーユーザーの「現在地」を守る設計原則。
2026年2月17日
約9分
キーボード操作 (Keyboard Navigation)
マウスが使えなくても、すべての機能が使える——キーボードだけでUIを操作できるかどうかは、運動障害・高齢者・パワーユーザー全員に影響する。WCAGが定めるキーボード操作の設計原則。
2026年2月17日
約9分
フィッツの法則 (Fitts's Law)
「ターゲットへの到達時間は、ターゲットまでの距離とターゲットの大きさに依存する」という法則。ボタンは大きく、押しやすい場所に配置すべきという原則の根拠。
2026年1月23日
約6分
ポステルの法則 (Postel's Law)
「入力に関しては寛容に、出力に関しては厳格に」。堅牢性原則（Robustness Principle）とも呼ばれ、ユーザーの多様な振る舞いを受け止める設計思想。
2026年1月23日
約6分