アクセシビリティ資料 検査項目事例集 WCAG 2.4.1

WCAG 2.4.1: ブロックスキップ

ヘッダー、グローバルナビゲーション、サイドバーなど、複数ページで繰り返し表示されるブロックをスキップし、メインコンテンツへ直接キーボードでジャンプできる手段(スキップリンクや適切なランドマーク要素)を提供します。

Level A 確認方法: 手動確認

意図的な失敗例: 繰り返しブロックをスキップできない

長いナビゲーションを毎回Tabで通過する必要があります。

確認観点

  • ページ先頭に「本文へジャンプ」「メインコンテンツへスキップ」などのスキップリンクを設置する
  • Tabキーでスキップリンクにフォーカスが当たった際に、画面上に見えるようにスタイルを整える
  • <header>, <nav>, <main>, <footer> などのランドマークを正しく設定し、スクリーンリーダーのランドマークジャンプを機能させる

人の判断が必要な例

  • Tabキーを押してスキップリンクを実行した際、不要なメニューを飛ばして本文先頭へフォーカスが正しく移るか確認する

補助ツール候補

  • skip-link
  • landmark-main-missing
  • landmark-map
  • heading-order
  • focus-order

生成メモ

manual-judgment-catalog.ja.json の内容から生成しています。