アクセシビリティ(WCAG 2.2) このスキルは、スクリーンリーダー、スイッチコントロール、キーボードナビゲーションを使用するユーザーを含む、すべてのユーザーにとってデジタルインターフェースが知覚可能・操作可能・理解可能・堅牢(POUR)であることを保証します。WCAG 2.2 達成基準の技術的な実装に焦点を当てています。 使用タイミング - Web、iOS、Android 向け UI コンポーネント仕様の定義。 - アクセシビリティの障壁やコンプライアンスのギャップについて既存コードを監査する。 - Target Size(最小)や Focus Appearance など新しい WCAG 2.2 基準を実装する。 - 高水準な設計要件を技術属性(ARIA ロール、トレイト、ヒント)にマッピングする。 コアコンセプト - POUR 原則 : WCAG の基盤(知覚可能・操作可能・理解可能・堅牢)。 - セマンティックマッピング : 汎用コンテナよりネイティブ要素を使用して組み込みのアクセシビリティを提供する。 - アクセシビリティツリー : 支援技術が実際に「読み取る」UI の表現。 - フォーカス管理 : キーボード・スクリーンリーダーカーソルの順序と可視性を制御する。 - ラベリングとヒント : 、 、 を通じてコンテキストを提供する。 仕組み ステップ 1: コンポーネン…