---
title: "スキップリンクを追加してアクセシビリティを向上させる"
slug: "improve-accessibility-by-adding-skip-links"
abstract: "スキップリンクを追加して、ウェブサイトページのアクセシビリティを向上させましょう。"
---
# スキップリンクを追加してアクセシビリティを向上させる

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

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

1.  エクスペリエンスエディターの該当ページで **「部分デザイン」**をクリックし、次に **メタデータ**をクリックします。
    
2.  ツールボックスの **アクセシビリティ** セクションで「リンクをスキップ」のレンダリングボタンをクリックし、ボディタグの直後にページにドラッグします。
    
3.  **「関連コンテンツ選択**」ダイアログボックスで、以前に作成したスキップリンクを選択するか、新しいリンクを作成してください。
    
4.  スキップリンクをスキップするには、「 **リンクをスキップ** 」ダイアログボックスで **「More**」をクリックし、「 **コンポーネントプロパティコンテンツの編集**」をクリックしてください。
    
    ![Style the skip link.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/100/sitecore-experience-accelerator/images/SXA-skip-link-dialog.PNG)
    
5.  **コントロールプロパティ**のダイアログボックスで、スキップリンクをスタイリングする特定のクラスを割り当てることができます。
    
6.  スキップリンクのIDやタイトルを変更するには:
    
    -   コンテンツエディターで*Tenant/Site/Data/Skip Links*に移動し、**データ**セクションで **コンテンツID**フィールドや**タイトル** フィールドを変更してください。
        
        ![Change the id or title of the skip link in the Content Editor.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/100/sitecore-experience-accelerator/images/SXA-skip-link-in-CE.PNG)
        
    -   エクスペリエンスエディターの **「リンクをスキップ** 」ダイアログで「 **関連コンテンツを追加または変更**」をクリックし、その後 **「関連項目を編集」**をクリックします。
        
        ![Change the id or title of the skip link in the Experience Editor.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/100/sitecore-experience-accelerator/images/SXA-skip-link-CE2.png)
        
7.  サイトを公開し、ホームページを開き**Tab**キーを押すと、直接ページのメインコンテンツセクションにジャンプできます。
    
    ![SXA-skip-link-main-content.png](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/100/sitecore-experience-accelerator/images/SXA-skip-link-main-content.png)