SharePoint Online サイトにバリアフリーコンテンツとリンクを追加する

この記事の内容

• テキストを追加して書式を設定する

• コンテンツの概略をつかめるように見出しを追加する

• 表を追加してアクセシビリティ対応にする

• アクセシビリティ対応のハイパーリンクを追加する

テキストを追加して書式を設定する

Microsoft 365 の SharePoint サイトには、 検索 バーや ドキュメント 領域など、いくつかの基本的な要素が既に含まれています。 Microsoft 365 の SharePoint サイトに独自のコンテンツを追加するのは非常に簡単です。

1. [編集] リボンを開き、編集モードにするには、編集するページで [編集] を選択します。

   

2. 既存の Web パーツにテキストを追加するには、そこにフォーカスを移動し、[編集] リボンから、Web 用 Word の場合と同じように、テキストの切り取り、コピー、挿入、または書式設定を行います。

3. テキストの書式を選ぶには、[スタイル] グループを開きます。

   

   使用するスタイルを選び、編集領域にフォーカスを移動して入力を開始します。

   

4. 作業が終了したら、[保存] を選びます。

   

アクセシビリティに関するいくつかの注意事項   

• 単純なフォントを使います。使うフォント フェイスの数は 2 から 3 個までとしてください。

• 固定フォント サイズに設定しないでください。 固定サイズに設定すると、画面上の他の要素と干渉する可能性があります。特に、画面の大きさが拡大または縮小されたときです。 たとえば、画面レイアウトに関して、テキスト行が列に重なる、テキストが消えるといった問題が起きることがあります。

• 太字、斜体、下線の付いたフォントは、可能であれば避けてください。 代わりに、[ スタイル ] グループからオプションを選択します。 [スタイル] にあるオプションには、フォントの外観とその意味の両方の情報が含まれています。 たとえば、強調は斜体で表示され、スクリーン リーダーは斜体を見ることができないユーザーに対して "強調" という単語を読み上げます。

• 大文字と小文字の区別は慣習に従います。 大文字ばかりがあまり長く続くと、読みにくくなります。 さらに、スクリーン リーダーは大文字と小文字の違いを読み取らないので、リスナーはあなたが何を意味するのかを知りません。

コンテンツの概略をつかめるように見出しを追加する

見出しはドキュメントのアクセシビリティにとって重要です。 ユーザーは Web コンテンツを走り読みする傾向があり、そのコンテンツをじっくりと読むのは、特に関心がある場合に限られる可能性があります。 また、スクリーン リーダーは見出しを使ってユーザーが概略をつかみやすくします。 見出しがない場合、視覚障碍のあるユーザーは Web ページ全体の単語を一つずつ聞き取る必要があります。

1. [編集] リボンを開き、編集モードにするには、編集するページで [編集] を選択します。

2. 見出しとして使用するテキストを選びます。

3. [スタイル] グループを開き、必要な見出しレベルを選びます。

   ヒント: 見出しは階層状になっています。 [見出し 1] スタイルは文書で最も重要なものであり、通常は最上部の見出しです。 見出し 2 は第 2 レベルです。 見出し 3 は小見出しに使用でき、文書内で必ず見出し 2 スタイルが適用された 1 つ以上の見出しの後に配置されます。

4. 作業が終了したら、[保存] を選びます。

表を追加してアクセシビリティ対応にする

表を作成すると、ページ上の情報を整理しやすくなります。 列見出しや表のキャプションなど、スクリーン リーダーに役立つコンテキストを提供するようにテーブルが設定されていることを確認するのは簡単です。

1. [編集] リボンを開き、編集モードにするには、[編集] を選択します。

2. 表を表示する場所にフォーカスを移動します。

3. [挿入] タブの [表] グループを開き、新しい表に必要な行と列の数を選びます。 最後のボックスをクリックすると、ページに指定したサイズの表が表示されます。

   

4. 新しい表の左上の行にフォーカスを移動して、[デザイン] タブを選びます。

   

   注: [デザイン] タブが表示されるのは、表などの指定可能な要素にカーソルがある場合のみです。

5. [ ヘッダー行 ] チェック ボックスをオンにします。

   注: 表を読みやすくするには、色付きの線のスタイルを使うかグリッド線を表示します。 これらのオプションは両方とも [デザイン] タブで使用できます。

6. 作業が終了したら、[保存] を選びます。

表のアクセシビリティに関する注意事項   

• 常にヘッダー行を指定し、各列にラベルを配置します。 該当する場合は、[先頭の列] も指定できます。

• 表の見出しを空にすることはできません。

• キャプションとして、簡単な表の説明を追加してください。

• フォントの場合と同じように、列の幅と行の高さには絶対サイズ指定ではなく、比率サイズ指定 (パーセンテージ) を使います。 ピクセルまたはポイントの値は使用しないでください。 モバイル デバイスでサイトを表示する場合や、細部が見やすいようにサイトを拡大する場合、ピクセルやポイントの値では定義されたサイズで要素が固定されてしまいます。

アクセシビリティ対応のハイパーリンクを追加する

1. [編集] リボンを開き、編集モードにするには、[編集] を選択します。

2. ハイパーリンクを表示する場所にフォーカスを移動します。

3. [ハイパーリンクの挿入] ダイアログを開くには、[挿入] タブで [リンク] と [アドレスから] を選択するか、Ctrl キーを押しながら K キーを押します。

   

4. [ 表示するテキスト ] ボックスに、リンク先を入力します。

   ヒント: 多くの場合、リンク テキストとして Web サイト名かページ タイトルを指定します。 リンク表示テキストは、任意のコンテキストで意味を持つものであり、"ここをクリック" のようなものではありません。

5. [ アドレス ] ボックスに、URL を入力するか貼り付けます。

   ヒント: リンクが予期したとおりに機能するかどうかを確認するには、[リンクを試す] を選びます。

6. 作業が終了したら、[OK] を選択します。

関連情報

SharePoint Online でアクセシビリティの高いサイトを作成するためのリソース

SharePoint Online のキーボード ショートカット