アクセシビリティ (Accessibility)

概要

Web Content Accessibility Guidelines (WCAG) では、以下の4つの原則（POUR）が定められている。

1. Perceivable（知覚可能）: 情報が見える、聞こえるなど、ユーザーが知覚できること。
2. Operable（操作可能）: キーボードでも操作できる、発作を引き起こさないなど、ユーザーがインターフェースを操作できること。
3. Understandable（理解可能）: コンテンツや操作方法が理解できること。
4. Robust（堅牢）: 様々な技術（スクリーンリーダーや将来のブラウザ）で確実に解釈できること。

UXでの活用

• セマンティックHTMLの使用: 適切なHTMLタグ（<button>、<nav>、<h1>など）を使うことで、スクリーンリーダーなどの支援技術が正しく情報を解釈できるようになる。
• 色だけに頼らない: エラーを赤色で示すだけでなく、アイコンやテキストでも情報を伝える（色覚多様性への配慮）。
• フォーカスインジケータ: キーボード操作時に、現在どこを選択しているかが分かる枠線を消さない。
• 早期チェック: ワイヤーフレーム段階で「キーボード操作」「読み上げ順」を意識する