1. 構成要素

スキップリンクを追加してアクセシビリティを向上させる

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

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

スキップリンクは、複数のウェブページで繰り返されるコンテンツブロックを回避できるようにします。例えば、ナビゲーションリンク、見出しグラフィック、広告フレームなどです。訪問者はナビゲーションをスキップして直接ページのコンテンツにジャンプできます。スキップリンクはキーボードユーザーの体験も向上させます。

スキップリンクを追加します:

  1. エクスペリエンスエディターの該当ページで **「部分デザイン」**をクリックし、次に メタデータをクリックします。

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

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

  4. スキップリンクをスキップするには、「 リンクをスキップ 」ダイアログボックスで 「More」をクリックし、「 コンポーネントプロパティコンテンツの編集」をクリックしてください。

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

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

    • コンテンツエディターで、コレクション//データ/スキップリンク<siteに移動し、データセクションでコンテンツID欄やタイトル欄を変更してください。

      Change the id or title of the skip link in the Content Editor.
    • エクスペリエンスエディターの 「リンクをスキップ 」ダイアログで「 関連コンテンツを追加または変更」をクリックし、その後 **「関連項目を編集」**をクリックします。

      Change the id or title of the skip link in the Experience Editor.
  7. サイトを公開し、ホームページを開きTabキーを押すと、直接ページのメインコンテンツセクションにジャンプできます。

    SXA-skip-link-main-content.png
この記事を改善するための提案がある場合は、 お知らせください!