jQueryでアクセシブルなプルダウンメニューを実装 jQuery2011年5月21日 プルダウンメニューはjQueryをはじめ、多くの実装方法が紹介されていますが、キーボード操作に対応したプルダウンメニューを実装しているスクリプトは少ないです。 しかしながら昨今、ますますアクセシビリティ対応が求められるようになってきています。 そこで、グローバルメニューのプルダウンメニューもキーボード操作に対応する(アクセシビリティ対応をする)ことで、サイトの品質を向上させられればと思い、実装してみました。 方法としては、jQueryのプラグイン「Droppy」を改良することで、実現してみました。その方法をご紹介いたします。 jQueryはこちらからダウンロード プラグイン「Droppy」 実際のサンプル HTML <div id="nav-global"> <ul> <li><a href="#">親