障碍のある方に対する、Sway デザインのアクセシビリティを高める

このトピックでは、障がいを持つユーザーを含むすべてのユーザーが Sway のアクセスを可能にし、コンテンツのロックを解除する方法について、詳細な手順を説明します。 ユーザーが独自の Swayを念頭に置いて作成すると、その中の概念とアイデアを全員が読み、理解できます。

このトピックでは、アクセシビリティ チェックを使用して、障がいのあるユーザーがアクセシビリティの問題に取り組む方法について説明 Sway。 スクリーン リーダーを使用しているユーザーが画像や図形の概要を聞き取り、画像や図形に代替テキストを追加する方法も学習します。 さらに、テンプレート、フォント、色を使用して、他のユーザーと共有する前に、 Swayの包括的さを最大化する方法について説明します。 

この記事の内容

Sway のアクセシビリティを向上させるためのベスト プラクティス

次の表に、障がいのあるユーザーがアクセス Sway コンテンツを作成するための重要なベスト プラクティスを示します。

修正する内容

修正が必要な理由

解決方法

代替テキストが見つからない、コントラストの低い色など、一般的なアクセシビリティの問題を回避します。

ユーザーが自分のデータを簡単に理解して使用 Sway。

アクセシビリティ チェックで Sway を確認する

テキストと背景の色に十分なコントラストを付けます。

視覚または色下線を持つユーザーは、コンテンツを表示して使用するには、テキストと背景の間に強いコントラストが必要です。

アクセス可能なテキストとフォントの書式と色を使用する

アクセス可能な Sway スタイルを使用する

組み込みの見出しを使用します。

正しいナビゲーション順序を維持し、スクリーン リーダーが Swayを読みやすくするには、論理的な見出し順序と組み込みの見出しカードを Swayで使用します。

組み込みの見出しスタイルを使用する

使い慣れたフォント形式を使用します。

視覚障がいのある方や読書障がいのある方は、セリフ フォントを使用するテキストの読み取りが困難な場合があります。また、大きな書式 (italics など) を使用する場合があります。

アクセス可能なテキストとフォントの書式と色を使用する

アクセス可能な Sway スタイルを使用する

わかりやすいハイパーリンク テキストを追加します。

リンク先に関する明確で正確な情報を伝えるテキストをリンクすると、スクリーン リーダーを使用するユーザーがテキスト内のリンクを簡単にスキャンできます。

アクセス可能なハイパーリンクを作成する

すべてのビジュアルに代替テキストを含める。

代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。

オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のあるユーザーのためにクローズド キャプションを追加します。

画像とビデオの代替テキストを追加または編集する

クローズド キャプションを使用してオーディオおよびビデオのアクセシビリティを向上させる

ページの先頭へ 

アクセシビリティ チェックで Swayを確認する

アクセシビリティ チェックは、コンテンツを確認し、アクセシビリティに関する問題にフラグを設定するツールです。 障がいを持つユーザーが問題になる可能性がある理由について説明します。 アクセシビリティ チェックでは、問題を解決する方法も示されています。 組み込みのアクセシビリティ チェックを使用すると、ユーザーがアクセス Sway確認できます。

  1. [アクセシビリティ チェックSwayで、[アクセシビリティ チェック ] を選択> 選択しますSway の代替テキストに関する問題を示す [アクセシビリティ チェック] ウィンドウ。

  2. [アクセシビリティ チェック] ウィンドウで、[ すべて確認] を選択します。 最初の問題が表示されます。

  3. 問題を解決し、次の 問題に移動するを選択します。

  4. 報告された問題を修正したら、[完了] を 選択します

ページの先頭へ 

組み込みの見出しスタイルを使用する

見出しは、視覚的にも支援技術でもスキャンすることを意図しています。 理想的には、見出しはカードまたはセクションについて説明します。 組み込みの見出しスタイルを使用し、わかりやすい見出しテキストを作成して、スクリーン リーダーのユーザーがメッセージの構造を特定し、見出し間を移動しやすくなります。

規定された論理的順序で見出しを並べます。 たとえば、[見出し 1] を使用し、[見出し 2] を使用します。 さらに、情報を小さなチャンクに整理します。 理想的には、各見出しに含まれる段落が 2、3 個だけになるようにします。

  1. 次のいずれかの操作を行います。

    • 新しい見出しを挿入するには、[新しい Sway ストーリーラインの [コンテンツの挿入] ボタン。(コンテンツの挿入) を選択します。 [テキスト ] タブ を選択し、使用可能な見出しレベルのいずれかを選択します。

    • 既存のテキスト カードを見出しに変換するには、テキスト内にカーソルを置き、ツール バーから [見出し ] を選択します。

ページの先頭へ 

アクセス可能なテキストとフォントの書式と色を使用する

視覚障がいのある方や視覚障がいのある方、視覚障がいのある方、視覚障がいのある方など、 Swayを読むすべてのユーザーの読み取り速度を、アクセス可能なテキスト形式で除外したり遅くしたりしません。 適切なフォント形式と色を使用すると、コンテンツの読みやすさと読Sway向上します。

視覚障がいのあるユーザーは、特定の色によって伝えられる意味を見逃す可能性があります。 たとえば、色覚障碍のある方が、色がわからない場合でも、リンクされたテキストがあることがわかるように、色が使用されたハイパーリンク テキストに下線を追加します。 見出しの場合は、[太字で強調] を使用します

見出しやテキスト カードでは、アクセント記号の書式を使用する必要があります。 読み取り障がいのあるユーザーは、過剰なアルファベット、すべての大文字の単語、および下線を含むテキストの読み取りが困難な場合があります。

フォントの書式と色を変更する方法については、「アクセス可能な Sway スタイルを使用する 」を参照してください

ページの先頭へ 

アクセス可能なスタイル Swayする

このSway、事前にデザインされたスタイルとデザインを見つけたり、スタイルをカスタマイズして、背景色とフォントの書式と色がすべて含まれています。

読み取り負荷を軽減するには、Arial などの使い慣れた sans serif フォントを選択します。 すべて大文字にしたり、過剰な斜体または下線を使用したりしないでください。

ハイ コントラスト モード Swayテキストを読み取り可能にする必要があります。 たとえば、明るい色、または色スペクトルの反対側にある高コントラストの配色を使用します。 白黒の配色パターンを使用すると、色を付けるユーザーがテキストと図形を区別しやすくなります。

  1. [デザイン スタイル]> 選択します

  2. 次のいずれかの操作を行います。

    • 白黒スタイルなど、目的のスタイルを選択します。

    • ニーズに合わせて事前にデザインされたスタイルを変更するには、[カスタマイズ] を 選択します。 [ カラー パレット] で、黒の背景と白いテキストを含むハイコントラスト パレットを選択します。 [フォント の選択] で、[ Arial Nova] を選択します(例: )。

[スタイル] ウィンドウには、使用可能なスタイルの一覧と Sway の [カスタマイズ] ボタンが表示されます。

ページの先頭へ 

アクセス可能なハイパーリンクを作成する

スクリーン リーダーを使用するユーザーがコンテンツ内のハイパーリンクを簡単にスキャンするには、説明的なリンク テキストを使用します。

ハイパーリンク テキストは、リンク先ページに関する明確で正確な情報を伝えるのが理想的です。 リンク先ページのタイトルでページの内容が要約されている場合は、ページ全体のタイトルをハイパーリンク テキストとして使用します。 たとえば、次のハイパーリンク テキストは、リンク先ページのタイトルと一致します。Microsoft テンプレートを使用してさらに作成します。 "ここをクリック"、"このページを参照"、"ここに移動"、"詳細" などのリンク テキストを使用しないようにします。

  1. ハイパーリンクに変換するテキストの一部を選択します。

  2. ツール バーの [リンク] を 選択します

  3. [リンク ] ダイアログ ボックスで、[表示テキスト] フィールドのテキスト 確認し、必要に応じて変更します。

  4. [ Web リンク] テキスト フィールドに、リンク先ページの URL を入力するか貼り付け、[OK] を選択 します

ページの先頭へ 

画像とビデオの代替テキストを追加または編集する

代替テキストは、スクリーン リーダーを使用するユーザーが画像やビデオの重要な機能を理解するのに役立ちます。 スクリーン リーダーは代替テキストを読み取り、表示できないユーザーにビジュアルを説明します。

代替テキストで、画像またはビデオに表示される情報と、画像またはビデオの目的について簡単に説明します。 代替テキストを書き込む方法の詳細については、「有効な代替テキストを書き込む必要があるすべての情報」を参照してください

重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 画像にテキストを含む画像を使用する必要がある場合は、そのテキストをコンテンツ内で繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。

ストーリーライン内の代替テキストを確認できます。 Sway ファイル名に基づいて、画像またはビデオの代替テキストを作成します。 または、Web からの資産など、既に代替テキストを含む画像またはビデオを使用する場合は、その Sway 含まれます。 不足している代替テキストを検索するには、アクセシビリティ チェックを使用します

  1. [イメージ カード] または [ ビデオ カード] で、画像またはビデオを選択します。

  2. [詳細] を選択します

  3. [代替 テキスト] カード で、画像またはビデオの代替テキストを入力または編集します。

    ヒント: ビジュアルが純粋に装飾的で、視覚的な関心を追加するが、背景画像などの情報を得ない場合は、代替テキストを書き込む必要なく、視覚的なマークを付け加えます。 スクリーン リーダーを使用しているユーザーは、これらのビジュアルが装飾的であり、重要な情報が不足していないと聞こえます。 ビジュアルを装飾としてマークするには、[代替 テキスト] カード で [装飾] を 選択します

Sway の代替テキスト "コンピューターの前に座っている 3 人のユーザー" を含む AltText テキスト カード。

ページの先頭へ 

クローズド キャプションを使用してオーディオおよびビデオのアクセシビリティを向上させる

クローズド キャプションを使用すると、聴覚および学習障がいを持つユーザーが音声とビデオのコンテンツにアクセスできます。 また、オーディオが便利ではない場合 (空港のようなノイズの多い環境、ライブラリのような静かな環境など) にも使用されます。

アカウントの種類とファイルのアップロード方法に基づいて、ファイルにクローズド キャプションを追加できます。

次の種類のアカウントでアップロードしたファイルの場合

次の場所からアップロードしたファイルにクローズド キャプションを追加できます

職場または学校のアカウントでアップロードしたオーディオ ファイル

  • コンピューター

  • OneDrive

  • 職場または学校の OneDrive

Microsoftアカウント (個人用) でアップロードされたオーディオ ファイル

  • コンピューター

  • OneDrive

職場または学校のアカウントでアップロードしたビデオ ファイル

  • コンピューター

  • 職場または学校の OneDrive

ユーザー アカウント (個人用) Microsoftアップロードされたビデオ ファイル

現在はサポートされていません

ページの先頭へ

クローズド キャプション ファイルをオーディオ ファイルまたはビデオ ファイルに追加 Sway

  1. コンピューターからコンテンツをアップロードするか、録画するか、 OneDriveまたは 職場または学校の OneDriveからコンテンツを追加して、新しいビデオまたはオーディオ カードを Sway に追加します。

  2. カードを展開するには、[詳細] を 選択します

  3. 展開 したカードの下部にある [クローズド キャプションの追加] を選択します。

  4. エクスプローラーで、クローズド キャプション ファイル (.vtt 形式と最大サイズ 1 MB) を選択し、[開く] を選択 します

  5. クローズド キャプション言語を選択します。

ページの先頭へ

ユーザー補助機能をテストイマーシブ リーダー

Swayの準備が整い、アクセシビリティ チェックを実行してコンテンツが包括的な状態を確認できたら、イマーシブ リーダー でSwayを読んで、視覚障がいのあるユーザーに対してどのように聞こえるか確認してみてください。

  1. [デザイン] Sway、[アクセシビリティ ビュー] >(その他の利用可能なオプションを見る) > 選択します

  2. アクセシビリティ ビューで、F9 キーを押するか、キーを押 Swayを右クリックし、[ファイル内で開く] をイマーシブ リーダー

  3. [読み上イマーシブ リーダーで、[読み上げる] を選択します。 テキストがどのように流れるか、および イマーシブ リーダー の要素を読み上Sway。 アクセシビリティの問題を見つける場合は、問題を共有する前に、問題をSway。

ページの先頭へ 

関連項目

アプリでコンテンツにアクセスMicrosoft 365する

障碍のある方のためにアクセシビリティの高い Word 文書を作成する

障碍のある方のためにアクセシビリティの高い Excel 文書を作成する

障碍のある方のためにアクセシビリティの高い PowerPoint プレゼンテーションを作成する

障碍のある方に対する、Outlook メールのアクセシビリティを高める

障碍のある方向けのテクニカル サポート

Microsoft は、すべてのお客様に最適な操作性を提供することを目指しています。 障碍のある方、およびアクセシビリティに関してご質問がある方が技術サポートをご希望の場合は、Microsoft Disability Answer Desk までご連絡ください。 Disability Answer Desk サポート チームは、一般的なユーザー補助技術を駆使するトレーニングを受けており、英語、スペイン語、フランス語、および米語の手話でサポートを提供することができます。 お住まいの地域での連絡先の詳細については、Microsoft Disability Answer Desk サイトを参照してください。

政府機関、商用、または法人ユーザーの場合は、法人向け Disability Answer Desk までお問い合わせください。

ヘルプを表示

ディスカッションに参加

コミュニティにたずねる >

サポートを受ける

お問い合わせ >

この情報は役に立ちましたか?

言語の品質にどの程度満足していますか?
どのような要因がお客様の操作性に影響しましたか?

ご意見をいただきありがとうございます。

×