ウェブサイトの「タブ」に求められる機能

ウェブサイトの「タブ」オリジナル画像 流行りなんですかね。しばらく前からサイトの規模に関わらず、新規構築やフルリニューアルでは必ずといって良いほど導入されるようになってきました。 タブといっても大きく2種類あって、タブを選択したときの飛び先が別ページなもの（機能としては普通のリンクと同じ）と、 JavaScript で切り替えるタイプですが、今回話をするのは後者の方です。 まずは JavaScript のことは考えずにマークアップをしてみます。 スクリプトが無効な場合、各タブ部分をa要素によるアンカーにしておき、当該タブパネルへジャンプできるようにしておくのが良いと思います。 また、 WAI-ARIA を使って role や aria-* 属性を設定するとより良いでしょう。 <div class="tab_module"> <ul role="tablist"> <li role="tab