§18-01Accessibility

Skip to content link

Tab 1 回で本文へ移動するリンク。

キーボード利用者が毎ページ長いナビゲーションを通過せずに本文へ到達できる。ヘッダーにリンクが多いサイトほど効果が大きい。

実装のポイント

body 先頭に置き、通常は画面外に隠して :focus 時だけ表示する。リンク先の本文要素に tabindex="-1" を付けると、移動後のフォーカスが確実に本文へ移る。