【HTML】タブ切り替えのタブはbuttonタグで実装すると良い件

HTML

今回は、タブ切り替えのタブはbuttonタグで実装すると良い件について簡単にまとめました。

なぜタブ切り替えのタブはbuttonタグで実装すると良いのか?

結論から言うと、buttonタグを使うことでタブ操作可能になるからです。

つまり、アクセシビリティに適したパーツになります。

デモサイトはこちら。

See the Pen
Untitled
by ゆーじろー (@yuji64)
on CodePen.

タブ操作でタブ切り替えできることが分かるでしょう。

タブ切り替え以外にも、ハンバーガーメニューやアコーディオンメニューもbuttonタグで実装するといいかなと。

まだまだアクセシビリティについての知識が足りないので、学びながらブログ更新していきますね。