スキル自身の言葉で
このスキルは、モバイルアクセシビリティと支援技術のサポートを備えた WCAG 2.2 準拠のインターフェースを実装します。セマンティック HTML、ARIA パターン、キーボードナビゲーション、フォーカス管理、スクリーンリーダー互換性、動的コンテンツのアナウンスを通じてエージェントを導きます。iOS VoiceOver、Android TalkBack、デスクトップのスクリーンリーダー(NVDA、JAWS)を対象としています。
カスタム ARIA よりもネイティブ要素を重視し、prefers-reduced-motion や prefers-contrast といったユーザー設定を尊重したうえで、自動化ツール(axe DevTools、WAVE、Lighthouse)と実際の支援技術によるテストを行います。このスキルは、alt テキストの欠落、コントラスト不足、キーボードトラップ、ラベルのないフォーム入力など、よくある違反に対処します。
生成されるもの
- 適切な ARIA パターン、フォーカス管理、スクリーンリーダー対応を備えた WCAG 2.2 準拠のインターフェース
仕組み
- 01キーボードファーストのインタラクションを設計する
すべてのインタラクティブコンポーネントがマウスなしで動作するようにし、ポインターイベントを追加する前にキーボードナビゲーションを確立します。