スキップ リンクの追加によるアクセシビリティの向上
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
スキップ リンクを使用すると、Web サイトの訪問者は、複数の Web ページで繰り返されるコンテンツのブロック (ナビゲーション リンク、見出しのグラフィック、広告フレームなど) を迂回できます。訪問者はナビゲーションをスキップして、ページ コンテンツに直接ジャンプできます。スキップ リンクは、キーボード ユーザーのエクスペリエンスも向上させます。
スキップ リンクを追加するには:
-
エクスペリエンス エディターの該当ページで、[パーシャル デザイン]、[メタデータ] の順にクリックします。
-
ツールボックスの [アクセシビリティ] セクションで [スキップ リンクのレンダリング] をクリックし、ページの本文タグの直後にドラッグします。
-
[関連付けられたコンテンツを選択してください。] ダイアログ ボックスで、以前に作成したスキップ リンクを選択するか、新しいリンクを作成します。
-
スキップ リンクのスタイルを設定するには、[スキップ リンク] ダイアログ ボックスで [詳細] をクリックし、次に [コンポーネント プロパティ コンテンツを編集] をクリックします。
-
[コントロール プロパティ] ダイアログ ボックスで、特定のクラスを割り当て、スキップ リンクのスタイルを設定することができます。
-
スキップ リンクの ID またはタイトルを変更するには:
-
コンテンツ エディターで Tenant/サイト/データ/スキップ リンクに移動し、[データ] セクションで [コンテンツ ID] フィールドや [タイトル] フィールドを変更します。
-
エクスペリエンス エディターで、[スキップ リンク] ダイアログで [関連するコンテンツを追加または変更する] をクリックし、次に [関連アイテムの編集] をクリックします。
-
-
サイトをパブリッシュしてホーム ページを開き、[タブ] キーを押すと、ページのメイン コンテンツ セクションに直接ジャンプできます。