このトピックでは、Sway をアクセシビリティ対応にし、障閩のあるユーザーを含むすべてのユーザーにコンテンツのロックを解除する方法について詳しく説明します。 包摂性を念頭に置いて Sway を作成すると、誰もがその中の概念とアイデアを読んで理解できます。
このトピックでは、アクセシビリティ チェッカーを使用して、障责のあるユーザーが Sway を使用しにくくする可能性のあるアクセシビリティの問題に対処する方法について説明します。 また、画像や図形に代替テキストを追加して、スクリーン リーダーを使用しているユーザーが画像や図形の内容を聞くことができるようにする方法についても説明します。 さらに、テンプレート、フォント、色を使用して、他のユーザーと共有する前に Sway の包括性を最大化する方法についても説明します。
この記事の内容
- Sway のアクセシビリティを向上させるためのベスト プラクティス
- アクセシビリティ チェックを使用して Sway を確認する
- 組み込みの見出しスタイルを使用する
- アクセシビリティ対応のテキストとフォントの形式と色を使用する
- アクセシビリティ対応のハイパーリンクを作成する
- 画像やビデオの代替テキストを追加または編集する
- クローズド キャプションを使用してオーディオおよびビデオのアクセシビリティを向上させる
- イマーシブ リーダーを使用してアクセシビリティをテストする
Sway のアクセシビリティを向上させるためのベスト プラクティス
次の表には、障穣のあるユーザーがアクセスできる Sway コンテンツを作成するための主要なベスト プラクティスが含まれています。
| 修正する内容 | 修正が必要な理由 | 解決方法 |
|---|---|---|
| 代替テキストの欠落やコントラストの低い色など、アクセシビリティに関する一般的な問題を回避します。 | すべてのユーザーが簡単に Sway を理解して使用できるようにします。 | アクセシビリティ チェックを使用して Sway を確認する |
| テキストと背景の色に十分なコントラストを付けます。 | 視覚障疸や色覚が低いPeopleは、コンテンツを表示して使用するには、テキストと背景の間に強いコントラストが必要です。 |
アクセシビリティ対応のテキストとフォントの形式と色を使用する アクセシビリティ対応の Sway スタイルを使用する |
| 組み込みの見出しを使用します。 | 正しいナビゲーション順序を保持し、スクリーン リーダーが Sway を読みやすくするには、Sway で論理的な見出し順序と組み込みの見出しカードを使用します。 | 組み込みの見出しスタイルを使用する |
| 使い慣れたフォント形式を使用します。 | 視覚障褻や読書障褻を持つPeopleは、セリフフォントや斜体などの重い書式を使用するテキストの読み取りに問題がある可能性があります。 |
アクセシビリティ対応のテキストとフォントの形式と色を使用する アクセシビリティ対応の Sway スタイルを使用する |
| わかりやすいハイパーリンク テキストを追加します。 | リンク先に関する明確で正確な情報を伝えるリンク テキストを使用すると、スクリーン リーダーを使用するユーザーがテキスト内のリンクをスキャンしやすくなります。 | アクセシビリティ対応のハイパーリンクを作成する |
| すべてのビジュアルに代替テキストを含めます。 | 代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。 オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のあるユーザーのためにクローズド キャプションを追加します。 |
画像やビデオの代替テキストを追加または編集する クローズド キャプションを使用してオーディオおよびビデオのアクセシビリティを向上させる |
アクセシビリティ チェックを使用して Sway を確認する
アクセシビリティ チェッカーは、コンテンツをレビューし、アクセシビリティの問題にフラグを設定するツールです。 各問題が障害を持つ人にとって潜在的な問題である可能性がある理由について説明します。 アクセシビリティ チェックでは、問題を解決する方法も示されています。 組み込みのアクセシビリティ チェックを使用すると、Sway にアクセスできるかどうかを簡単に確認できます。
- Sway で、[
] (利用可能なその他のオプションを検出する) >[アクセス チェック] を選択します。![Sway の代替テキストに関する問題を示す [アクセシビリティ チェック] ウィンドウ。](../media/accessibility-checker-in-sway.png)
- [ アクセシビリティ チェック ] ウィンドウで、[ すべて確認] を選択します。 最初の問題が表示されます。
- 問題を修正し、[
] を選択して次の問題に移動します。 - 報告されたすべての問題を修正したら、[完了] を選択 します。
組み込みの見出しスタイルを使用する
見出しは、視覚的にも支援技術でもスキャンすることを目的としています。 理想的には、見出しはカードまたはセクションの内容を説明します。 組み込みの見出しスタイルを使用し、わかりやすい見出しテキストを作成して、スクリーン リーダー ユーザーがメッセージの構造を判断し、見出しを移動しやすくします。
規定された論理的順序で見出しを並べます。 たとえば、 見出し 1 と見出し2 を使用します。 さらに、情報を小さなチャンクに整理します。 理想的には、各見出しに含まれる段落が 2、3 個だけになるようにします。
次のいずれかの操作を行います。
- 新しい見出しを挿入するには、
![Sway ストーリーラインの [コンテンツの挿入] ボタンを選択します](../media/insert-content-button-in-sway.png)
。(コンテンツの挿入)。 [ テキスト ] タブを選択し、使用可能な見出しレベルのいずれかを選択します。 - 既存のテキスト カードを見出しに変換するには、テキスト内にカーソルを置き、ツール バーから [見出し] を選択します。
- 新しい見出しを挿入するには、
アクセシビリティ対応のテキストとフォントの形式と色を使用する
アクセシビリティ対応のテキスト形式では、視覚障碍や視覚障碍のある人、視覚障碍のある人など、Sway を読む人の読み取り速度を除外したり遅くなったりすることはありません。 適切なフォント形式と色により、Sway コンテンツの読みやすさと読みやすさが向上します。
視覚障害を持つ人は、特定の色によって伝えられる意味を見逃す可能性があります。 たとえば、色覚障碍のある方が、色がわからない場合でも、リンクされたテキストがあることがわかるように、色が使用されたハイパーリンク テキストに下線を追加します。 見出しの場合は、太字の 強調 を使用することを検討してください。
見出しとテキスト カードでは、 アクセント 書式を控えめに使用します。 読み取り障閧を持つPeopleは、斜体が多すぎるテキスト、すべての大文字の単語、下線でテキストを読むのに苦労する可能性があります。
フォントの形式と色を変更する方法については、「 アクセシビリティ対応の Sway スタイルを使用する」を参照してください。
アクセシビリティ対応の Sway スタイルを使用する
Sway では、デザイン済みのスタイルとデザインを見つけたり、スタイルをカスタマイズして、背景色とフォントの形式と色がすべてに含まれるようにすることができます。
読み取り負荷を軽減するには、Arial などの使い慣れた sans serif フォントを選択します。 すべて大文字にしたり、過剰な斜体または下線を使用したりしないでください。
Sway のテキストはハイ コントラスト モードで読み取れる必要があります。 たとえば、明るい色、または色スペクトルの反対側にある高コントラストの配色を使用します。 黒と白のスキームを使用すると、色分けされた人がテキストと図形を区別しやすくなります。
[ デザイン>スタイル] を選択します。
次のいずれかの操作を行います。
- 黒と白のスタイルなど、目的のスタイルを選択します。
- ニーズに合わせてデザイン済みのスタイルを変更するには、[カスタマイズ] を選択 します。 [ カラー パレット] で、ハイ コントラスト パレット (黒の背景と白のテキストなど) を選択します。 [ フォントの選択] で、 たとえば [Arial Nova] を選択します。
![[スタイル] ウィンドウには、使用可能なスタイルの一覧と Sway の [カスタマイズ] ボタンが表示されます。](../media/styles-pane-in-sway.png)
アクセシビリティ対応のハイパーリンクを作成する
スクリーン リーダーを使用するユーザーがコンテンツ内のハイパーリンクを簡単にスキャンできるようにするには、説明的なリンク テキストを使用します。
理想的には、ハイパーリンクテキストは、宛先ページに関する明確で正確な情報を伝える必要があります。 コピー先ページのタイトルにページの内容が要約されている場合は、ハイパーリンク テキストとしてページ全体のタイトルを使用します。 たとえば、次のハイパーリンク テキストは、移行先ページのタイトルと一致します。 Microsoft テンプレートを使用して詳細を作成します。 "ここをクリック"、"このページを参照してください"、"ここに移動"、または "詳細情報" などのリンク テキストは使用しないでください。
- ハイパーリンクに変換するテキストを選択します。
- ツール バーの [リンク] を選択 します。
- [ リンク ] ダイアログ ボックスで、[ テキストの表示 ] フィールドのテキストを確認し、必要に応じて変更します。
- [ Web リンク ] テキスト フィールドに、コピー先ページの URL を入力または貼り付け、[OK] を選択 します。
画像やビデオの代替テキストを追加または編集する
代替テキストを使用すると、スクリーン リーダーを使用するユーザーは、画像やビデオで何が重要であるかを理解するのに役立ちます。 スクリーン リーダーは代替テキストを読み取り、ビジュアルを表示できないユーザーに説明します。
代替テキストで、画像またはビデオに表示される内容と、画像またはビデオの目的を簡単に説明します。 代替テキストを記述する方法の詳細については、「有効な代替テキストを 記述するために知っておくべきことすべて」を参照してください。
重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合は、コンテンツ内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。
ストーリーラインで代替テキストを確認できます。 Sway は、そのファイル名に基づいて画像またはビデオの代替テキストを作成します。 または、Web からのアセットなど、既に代替テキストを含む画像またはビデオを使用する場合、Sway にはそのテキストが含まれます。 代替テキストが見つからない場合は、 アクセシビリティ チェックを使用します。
イメージ カードまたはビデオ カードで、画像またはビデオを選択します。
[詳細] を選択します。
[代替テキスト] カードで、画像またはビデオの代替テキストを入力または編集します。
ヒント
ビジュアルが純粋に装飾的で、視覚的な関心を追加するが、背景画像などの情報が得られない場合は、代替テキストを書く必要なく、そのようにマークします。 スクリーン リーダーを使用People、これらのビジュアルは装飾的であり、重要な情報が欠落していないことを認識します。 ビジュアルを装飾としてマークするには、[代替テキスト] カードで [装飾] を選択します。
クローズド キャプションを使用してオーディオおよびビデオのアクセシビリティを向上させる
クローズド キャプションを使用すると、聴覚や学習に障褻のあるユーザーがオーディオとビデオのコンテンツにアクセスできるようになります。 また、オーディオが便利でない場合 (たとえば、空港などのノイズの多い環境や、ライブラリなどの静かな環境) にも使用されます。
アカウントの種類とファイルのアップロード方法に基づいて、クローズド キャプションをファイルに追加できます。
| 次の種類のアカウントでアップロードしたファイルの場合 | 次の場所からアップロードしたファイルにクローズド キャプションを追加できます |
|---|---|
| 職場または学校のアカウントでアップロードしたオーディオ ファイル |
|
| Microsoft アカウント (個人) でアップロードしたオーディオ ファイル |
|
| 職場または学校のアカウントでアップロードしたビデオ ファイル |
|
| Microsoft アカウント (個人) でアップロードしたビデオ ファイル | 現在サポートされていません |
Sway のオーディオ ファイルまたはビデオ ファイルにクローズド キャプション ファイルを追加する
- Sway に新しいビデオまたはオーディオ カードを追加する - コンピューターからコンテンツをアップロードするか、記録するか、職場または学校用の OneDrive または OneDrive からコンテンツを追加します。
- カードを展開するには、[詳細] を選択します。
- 展開されたカードの下部にある [閉じたキャプションの追加] を選択します。
- エクスプローラーで、閉じたキャプション ファイル (.vtt 形式と最大サイズ 1 MB) を選択し、[開く] を選択します。
- 閉じたキャプション言語を選択します。
イマーシブ リーダーを使用してアクセシビリティをテストする
Sway の準備が整い、アクセシビリティ チェックを実行してコンテンツが包括的であることを確認したら、イマーシブ リーダーで Sway を読んで、視覚障褻を持つユーザーにチェックしてみてください。
- Sway で、[デザイン] > [] (使用可能なオプションの検出) >[アクセス ビュー] を選択します。
- アクセシビリティ ビューで F9 キーを押すか、Sway を右クリックし、[イマーシブ リーダーで開く] を選択します。
- [イマーシブ リーダー] ビューで、[読み上げ] を選択します。 テキストがどのように流れ、イマーシブ リーダーが Sway 内の要素を読み上げるかを聞きます。 アクセシビリティの問題が見つかる場合は、Sway を共有する前に、それらを修正してください。
関連項目
Microsoft 365 アプリでアクセシビリティの高いコンテンツを作成する
障碍のある方のためにアクセシビリティの高い Word 文書を作成する
障碍のある方のためにアクセシビリティの高い Excel 文書を作成する
障碍のある方のためにアクセシビリティの高い PowerPoint プレゼンテーションを作成する
障碍のある方に対する、Outlook メールのアクセシビリティを高める
障碍のある方向けのテクニカル サポート
Microsoft は、すべてのお客様に最適な操作性を提供することを目指しています。 アクセシビリティに関連する障穣や質問がある場合は、 Microsoft Disability Answer Desk にお問い合わせください。 Disability Answer Desk サポート チームは、一般的なユーザー補助技術を駆使するトレーニングを受けており、英語、スペイン語、フランス語、および米語の手話でサポートを提供することができます。 お住まいの地域での連絡先の詳細については、Microsoft Disability Answer Desk サイトを参照してください。
政府機関、商用、またはエンタープライズ ユーザーの場合は、 Enterprise Disability Answer Desk にお問い合わせください。