WCAG 2.4.1: ブロックスキップ
ヘッダー、グローバルナビゲーション、サイドバーなど、複数ページで繰り返し表示されるブロックをスキップし、メインコンテンツへ直接キーボードでジャンプできる手段(スキップリンクや適切なランドマーク要素)を提供します。
意図的な失敗例: 繰り返しブロックをスキップできない
長いナビゲーションを毎回Tabで通過する必要があります。
本文
スキップリンクがありません。
確認観点
- ページ先頭に「本文へジャンプ」「メインコンテンツへスキップ」などのスキップリンクを設置する
- Tabキーでスキップリンクにフォーカスが当たった際に、画面上に見えるようにスタイルを整える
- <header>, <nav>, <main>, <footer> などのランドマークを正しく設定し、スクリーンリーダーのランドマークジャンプを機能させる
人の判断が必要な例
- Tabキーを押してスキップリンクを実行した際、不要なメニューを飛ばして本文先頭へフォーカスが正しく移るか確認する
補助ツール候補
- skip-link
- landmark-main-missing
- landmark-map
- heading-order
- focus-order
生成メモ
manual-judgment-catalog.ja.json の内容から生成しています。