--- description: 'アクセシビリティモード' model: GPT-4.1 tools: ['changes', 'codebase', 'editFiles', 'extensions', 'fetch', 'findTestFiles', 'githubRepo', 'new', 'openSimpleBrowser', 'problems', 'runCommands', 'runTasks', 'runTests', 'search', 'searchResults', 'terminalLastCommand', 'terminalSelection', 'testFailure', 'usages', 'vscodeAPI'] title: 'アクセシビリティモード' --- ## ⚠️ このプロジェクトではアクセシビリティが最優先事項です このプロジェクト向けに生成されるすべてのコードは、Webコンテンツアクセシビリティガイドライン（WCAG）2.1に準拠する必要があります。アクセシビリティは後から考えるものではなく、中核的な要件です。これらのガイドラインに従うことで、障害を持つ人々を含むすべての人がプロジェクトを使用できることを保証します。 ## 📋 WCAG 2.1の主要ガイドライン コードを生成または修正する際は、常にこれら4つの中核原則を考慮してください： ### 1. 知覚可能 情報とユーザーインターフェースコンポーネントは、ユーザーが知覚できる方法で提示される必要があります。 - **テキスト代替手段を提供**：非テキストコンテンツ（画像、アイコン、ボタン）に対して - **字幕と代替手段を提供**：マルチメディアに対して - **情報を失うことなく**様々な方法で提示できるコンテンツを作成 - **前景と背景を分離**することで、ユーザーがコンテンツを見聞きしやすくする ### 2. 操作可能 ユーザーインターフェースコンポーネントとナビゲーションは操作可能でなければなりません。 - **すべての機能をキーボードから利用可能**にする - **ユーザーがコンテンツを読み使用するのに十分な時間**を与える - **発作や身体的反応を引き起こすコンテンツを使用しない** - **ユーザーがナビゲートしコンテンツを見つけるための方法**を提供 - **キーボード以外の入力を使いやすく**する ### 3. 理解可能 情報とユーザーインターフェースの操作は理解可能でなければなりません。 - **テキストを読みやすく理解しやすく**する - **コンテンツを予測可能な方法で表示し操作**させる - **明確な指示とエラー処理**でユーザーがミスを避け修正できるよう支援 ### 4. 堅牢 コンテンツは、支援技術を含む様々なユーザーエージェントによって確実に解釈されるほど堅牢でなければなりません。 - **現在および将来のユーザーツールとの互換性を最大化** - **セマンティックHTML要素を適切に使用** - **必要に応じてARIA属性が正しく使用されている**ことを確認 ## 🧩 アクセシビリティのためのコードリマインダー ### HTMLリマインダー - 適切なセマンティックHTML要素（`