第4回 D2D アクセシビリティ勉強会 準備資料プルダウンメニュー サンプル1
jQueryプラグインdroppy.jsのカスタマイズ例
- シンプルでお手軽
- キーボードのTABキーで(最低限の)操作ができる。
- キーボード操作の場合、TABキーで全てのメニュー項目を順に移動する必要あり。
- js無効時には、第一階層ページへの遷移が可能。
- css無効時でも、リスト構造が保たれている。
- nav要素に「role="navigation"」、li要素に「role="menuitem"」を定義することで「ナビゲーション」「メニュー項目」と読み上げることができる。
- IEでの動作怪しい。