操作方法

問題のある例:

「カテゴリー」メニューにマウスを重ねるとメガメニューが表示されます。キーボードのTabキーでは操作できません。

アクセシブルな例:

「カテゴリー」メニューをクリック、ホバー、またはEnter/Spaceキーで開きます。Escキーで閉じます。Tabキーで項目間を移動できます。

問題のある例

マウスホバーのみで表示

この実装の問題点:

  • キーボード操作ができない
  • スクリーンリーダーで認識できない
  • タッチデバイスで操作できない
  • フォーカス管理がない
  • 見えない要素にフォーカスが当たる

アクセシブルな例

キーボード・スクリーンリーダー対応

この実装の特徴:

  • キーボードで完全に操作可能
  • 適切なARIA属性を使用
  • クリック/タップでも操作可能
  • フォーカス管理が適切
  • マウスホバーにも対応