ウェブサイトの「タブ」オリジナル画像 流行りなんですかね。しばらく前からサイトの規模に関わらず、新規構築やフルリニューアルでは必ずといって良いほど導入されるようになってきました。 タブといっても大きく2種類あって、タブを選択したときの飛び先が別ページなもの(機能としては普通のリンクと同じ)と、 JavaScript で切り替えるタイプですが、今回話をするのは後者の方です。 マークアップ タブ部分をクリック or タップ キーボード操作 WAI-ARIA のステート属性 タブパネルの下側にもタブがあるケース タブパネルに向けたページ内リンクなどがある場合 マークアップ § まずは JavaScript のことは考えずにマークアップをしてみます。 スクリプトが無効な場合、各タブ部分をa要素によるアンカーにしておき、当該タブパネルへジャンプできるようにしておくのが良いと思います。 また、 WAI