メニューボタン（2本線文字入り）一旦開発完了

クラス名

bl_btnMenu

マークアップ例

<button class="bl_btnMenu js_spNavToggle" type="button" aria-hidden="true">
	<span class="bl_btnMenu_icon"></span>
	<span class="el_readerOnly">メニューを開く</span>
</button>
	
<div class="" id="site-navigation">
	<!-- コントロール対象 -->
</div>

定義

機能
スマホ用のグローバルナビなどを開閉するボタン

あしらい・振る舞い
aria属性も適切に使用すること
スクリーンリーダー向けの説明などを提供する

特記事項
bl_ 接頭辞だがサイズ的にエレメントに分類

ファイルパス

利用しているライブラリ

• jQuery
• sp-nav-toggle.js ナビゲーション用

Change Log

1. 開発開始：2022-05-24
2. 最終更新：2022-05-24