Level AWCAG 2.2

2.4.1 ブロックスキップ

繰り返されるコンテンツブロックをスキップする仕組みがある。


なぜ重要か

キーボードユーザー
ナビゲーションのリンクを毎回すべてTabで通過するのは非常に非効率。スキップリンクで本文に直接移動できる。
スクリーンリーダー
ページごとに同じナビを読み上げられるのはストレス。繰り返しブロックのスキップは必須機能。
運動障害
スイッチデバイスでの操作は1つの移動に時間がかかる。不要なTab回数を減らすことが重要。
効率性
すべてのユーザーにとって、目的のコンテンツに素早くたどり着ける仕組みは生産性を向上させる。

ライブデモ

ブロックスキップの有無

Tab キーで下のエリア内を移動してみましょう。

メインコンテンツ

スキップリンクがないため、ナビの全リンク(7つ)をTabで通過する必要があります。

Tab 7回でやっとメインコンテンツへ
スキップリンクは通常は非表示で、フォーカス時のみ表示されます。 ページ内の繰り返しブロック(ナビゲーションなど)をスキップするための仕組みです。

ペルソナで理解する

田中さん(55歳)— 上肢運動障害

スイッチデバイスで操作しています。ナビゲーションに20個のリンクがあるサイトでは、毎ページ20回のスイッチ操作が必要。スキップリンクがあれば1回で本文に飛べます。

チェックポイント

参考リンク