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

jQueryプラグイン Adobe jquery-accessibleMegaMenu.jsの使用例

• キーボードのTABキーと矢印キーで操作ができる。
• プルダウンを開かなくても第一階層のメニュー間の移動ができる。
• js無効時には、第一階層ページへの遷移が可能。
• css無効時でも、リスト構造が保たれている。
• メガメニューへの発展も可能。
• jsがちょっと重い。
• タッチパネルの場合、子要素のある第一階層のリンクが使用できない。（iPhoneにて確認）→第一階層独自のコンテンツがなければ実害はナシ。
• nav要素に「role="navigation"」、li要素に「role="menuitem"」を定義することで「ナビゲーション」「メニュー項目」と読み上げることができる。