A11yDocs 検査項目エラー集 WCAG 2.4.1

WCAG 2.4.1: 繰り返しブロックをスキップできる仕組みがあるか確認する

繰り返されるヘッダー、ナビゲーション、検索、サイドバーなどを毎回たどらず、本文や主要領域へ素早く移動できる仕組みがあるか確認します。

Level A 確認方法: 手動確認

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

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

確認観点

  • ページ先頭からTabキーを押し、本文へ移動するスキップリンクが早い段階で表示・利用できるか確認する
  • スキップリンクの遷移先が存在し、移動後に本文またはmain領域へフォーカスが移るか確認する
  • ランドマークで主要領域へ移動できるか確認する
  • グローバルナビゲーションや広告、共通バナーが長い場合でも、2〜3回程度のTab操作で本文へ到達できるようにする

人の判断が必要な例

  • スキップリンクがフォーカス時に見える位置へ表示され、固定ヘッダー等に隠れないか確認する
  • リンク先のidが重複しておらず、存在しないidを参照していないか確認する
  • PC、スマートフォン、開閉ナビゲーション表示時でも、繰り返しブロックを避けて本文へ移動できるか確認する

補助ツール候補

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

生成メモ

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