操作方法
問題のある例:
「カテゴリー」メニューにマウスを重ねるとメガメニューが表示されます。キーボードのTabキーでは操作できません。
アクセシブルな例:
「カテゴリー」メニューをクリック、ホバー、またはEnter/Spaceキーで開きます。Escキーで閉じます。Tabキーで項目間を移動できます。
問題のある例
マウスホバーのみで表示
この実装の問題点:
- キーボード操作ができない
- スクリーンリーダーで認識できない
- タッチデバイスで操作できない
- フォーカス管理がない
- 見えない要素にフォーカスが当たる
アクセシブルな例
キーボード・スクリーンリーダー対応
この実装の特徴:
- キーボードで完全に操作可能
- 適切なARIA属性を使用
- クリック/タップでも操作可能
- フォーカス管理が適切
- マウスホバーにも対応