SCR28：コンテンツのブロックをバイパスするために、展開可能及び折り畳み可能なメニューを使用する

概要

ユーザーが特定のコンテンツブロックを容易にバイパスできるように、展開可能および折り畳み可能なメニューを提供することを目的としています。これにより、ユーザーは必要な情報を迅速に見つけ、長いページ内を効率的にナビゲートすることができます。

このページでは、ウェブサイト制作でよく直面する課題に対して、基本的で取り組みやすい方法を紹介しています。
ただし、他にも対処すべき状況や多くの手段があり、具体的な状況に応じて最適な方法を選ぶことが大切です。

適用（対象）

こちらは、次の達成基準に関連する達成方法です。

• 2.4.1 ブロックスキップ

実践的な方法

コンテンツブロックを展開可能および折り畳み可能にするためのメニューを作成します。
JavaScriptやARIA属性を使用して、メニューの状態（展開または折り畳み）を制御します。

注意点

まとめ

展開可能および折り畳み可能なメニューを使用することで、ユーザーは長いページ内の特定のコンテンツブロックを容易にバイパスできます。アクセス可能なマークアップ、視覚的なインディケーター、キーボードナビゲーションを実装し、ARIA属性を適切に使用することで、すべてのユーザーにとって使いやすいメニューを提供します。このような手法を実践することで、アクセシビリティの向上に貢献し、効率的なナビゲーションを提供することができます。