スキップリンクの追加によるアクセシビリティの向上
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
スキップリンクを使用すると、Webサイトの訪問者は、複数のWebページで繰り返されるコンテンツのブロックをバイパスできます。たとえば、ナビゲーション リンク、見出しグラフィックス、広告フレームなどです。訪問者はナビゲーションをスキップして、ページコンテンツに直接ジャンプできます。リンクをスキップすると、キーボード ユーザーのエクスペリエンスも向上します。
スキップリンクを追加するには:
-
エクスペリエンス エディターの関連ページで、Partial Designsをクリックし、Metadataをクリックします。
-
ツールボックスのAccessibilityセクションで、スキップ リンク レンダリングをクリックし、ページの本文タグの直後にドラッグします。
-
Select the Associated Contentダイアログボックスで、以前に作成したスキップリンクを選択するか、新しいリンクを作成します。
-
スキップ リンクのスタイルを設定するには、Skip Linkダイアログ ボックスでMoreをクリックし、Edit component properties contentをクリックします。
-
Control Propertiesダイアログボックスでは、スキップリンクのスタイルを設定する特定のクラスを割り当てることができます。
-
スキップリンクのIDまたはタイトルを変更するには:
-
コンテンツ エディターでTenant/Site/Data/Skip Linksに移動し、DataセクションでContent IDフィールドやTitleフィールドを変更します。
-
エクスペリエンス エディターのSkip Linkダイアログで、Add or change the associated contentをクリックし、Edit the related itemをクリックします。
-
-
サイトを公開し、ホームページを開いてTabキーを押すと、ページのメインコンテンツセクションに直接ジャンプできます。
