アクセシビリティ対応済みのドロワーメニュー「hiraku.js」 - 327.587 km。

コンテンツが多いとメガメニューやドロップダウンメニューが使われることが多いですが アクセシビリティとかスマホ向けの処理を分けたりなどが必要になります スマホでよく使われるドロワーメニューならパソコンもスマホも同じ処理でいけるので 探したところ、アクセシビリティ対応をあげているjQueryプラグインhiraku.jsにたどり着きました www.appleple.com オフキャバスメニューとも言うそうです。初めて知りました。 キーボードでの操作も可能、ボタンにはスクリーンリーダー向けのテキストも挿入されていました。 アニメーション部分はCSS3での動作になるので、コンテンツのスライドを止めたり左開き・右開きなどの処理もほぼCSSで調整できそうでした。 ただ、「オフキャンバスメニュー開閉時に Body 自体は固定する」処理を行った際、メニューを閉じる際にFirefoxで右スクロールバーが閉じる

[sitk]

hiraku.js (๑´ڡ`๑)