スキップ リンクの追加によるアクセシビリティの向上

Version: 10.2
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

スキップ リンクを使用すると、Web サイトの訪問者は、複数の Web ページで繰り返されるコンテンツのブロック (ナビゲーション リンク、見出しのグラフィック、広告フレームなど) を迂回できます。訪問者はナビゲーションをスキップして、ページ コンテンツに直接ジャンプできます。スキップ リンクは、キーボード ユーザーのエクスペリエンスも向上させます。

スキップ リンクを追加するには:

  1. エクスペリエンス エディターの該当ページで、[パーシャル デザイン]、[メタデータ] の順にクリックします。

  2. ツールボックスの [アクセシビリティ] セクションで [スキップ リンクのレンダリング] をクリックし、ページの本文タグの直後にドラッグします。 

  3. [関連付けられたコンテンツを選択してください。] ダイアログ ボックスで、以前に作成したスキップ リンクを選択するか、新しいリンクを作成します。

  4. スキップ リンクのスタイルを設定するには、[スキップ リンク] ダイアログ ボックスで [詳細] をクリックし、次に [コンポーネント プロパティ コンテンツを編集] をクリックします。

    スキップ リンクのスタイルを設定します。
  5. [コントロール プロパティ] ダイアログ ボックスで、特定のクラスを割り当て、スキップ リンクのスタイルを設定することができます。

  6. スキップ リンクの ID またはタイトルを変更するには:

    • コンテンツ エディターで Tenant/サイト/データ/スキップ リンクに移動し、[データ] セクションで [コンテンツ ID] フィールドや [タイトル] フィールドを変更します。

      コンテンツ エディターでスキップ リンクの ID またはタイトルを変更します。
    • エクスペリエンス エディターで、[スキップ リンク] ダイアログで [関連するコンテンツを追加または変更する] をクリックし、次に [関連アイテムの編集] をクリックします。

      エクスペリエンス エディターでスキップ リンクの ID またはタイトルを変更します。
  7. サイトをパブリッシュしてホーム ページを開き、[タブ] キーを押すと、ページのメイン コンテンツ セクションに直接ジャンプできます。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、