第4回 D2D アクセシビリティ勉強会 準備資料プルダウンメニュー サンプル1

jQueryプラグインdroppy.jsのカスタマイズ

  • シンプルでお手軽
  • キーボードのTABキーで(最低限の)操作ができる。
  • キーボード操作の場合、TABキーで全てのメニュー項目を順に移動する必要あり。
  • js無効時には、第一階層ページへの遷移が可能。
  • css無効時でも、リスト構造が保たれている。
  • nav要素に「role="navigation"」、li要素に「role="menuitem"」を定義することで「ナビゲーション」「メニュー項目」と読み上げることができる。
  • IEでの動作怪しい。