アーカイブ

2019年12月29日

ハンバーガリストを画像からボタンに変更

ハンバーガメニューを<img src=”画像ファイル” alt=”代替テキスト” tabindex=”0″>で作ることは可能なのですが、コードを書いててどうもすっきりしません。

それで <input type="image" src="画像ファイル" alt="代替テキスト"> に変更してみました。これだとtabindex属性を使わずにデフォルトでタブフォーカスが受け取れるし、またハンドラもclickイベントだけを考えればいいのでいい感じです。

カテゴリー: Tips

カテゴリー

アーカイブ