マニュアル キャンセル

Adobe Captivate でのアクセシビリティが高い e ラーニングコンテンツの作成

  1. Captivate ユーザーガイド
  2. Captivate の紹介
    1. Adobe Captivate の新機能
    2. Adobe Captivate の必要システム構成
    3. Adobe Captivate アップデート
      1. Adobe Captivate(12.4 アップデート)リリースノート
      2. Adobe Captivate(12.3 アップデート)リリースノート
      3. Adobe Captivate(12.2 アップデート)リリースノート
      4. Adobe Captivate(12.1 アップデート)リリースノート
    4. Adobe Captivate のダウンロード
    5. よくある質問
  3. スライドを追加
    1. Adobe Captivate のスライドナビゲーター
    2. 会話スライドの追加
    3. Adobe Captivate プロジェクトへのキャラクターの追加
    4. スライド上の背景画像を編集
    5. コンテンツブロックとコンポーネントに余白を追加
    6. 長いスクロールプロジェクトの作成
  4. テキストブロックを追加
    1. プロジェクトにテキストを追加
  5. メディアブロックを追加
    1. プロジェクトに画像を追加
    2. プロジェクトにビデオを追加
    3. 引用を追加
    4. プロジェクトに SVG を追加
  6. インタラクティブなコンポーネント
    1. ボタンの追加
    2. 入力フィールドを追加
    3. ラジオボタングループを追加
    4. ドロップダウンの追加
    5. チェックボックスを追加
  7. ウィジェット
    1. カードを追加
    2. タブを追加
    3. 証明書の追加
    4. カルーセルの追加
    5. ホットスポットの追加
    6. ドラッグ&ドロップを追加
    7. タイムラインを追加
    8. クリックして表示を追加
  8. クイズを作成
    1. 多肢選択問題を追加
    2. 正誤形式の質問を追加
    3. 列を一致させる質問を追加
    4. 短い答えの問題を追加
    5. 順序問題を追加
    6. 質問プールとランダム質問スライドを追加
    7. 質問を CSV 形式で読み込む
  9. プロジェクトに音声を追加
    1. 音声を追加
  10. インタラクション
    1. プロジェクトにインタラクションを追加
    2. オーバーレイを使用したインタラクティブビデオの作成
    3. スライドレベルのインタラクションの作成
    4. オブジェクトレベルのインタラクションの作成
  11. アニメーション
    1. プロジェクトにアニメーションを追加
  12. アクセシビリティ
    1. プロジェクトのアクセシビリティを高める
  13. タイムラインのカスタマイズ
    1. Adobe Captivate のタイムラインパネル
  14. 目次および再生バーのカスタマイズ
    1. Adobe Captivate の目次
  15. プロジェクトプロパティを編集
    1. Adobe Captivate の変数
    2. 環境設定
    3. プロジェクト寸法
    4. テーマ
  16. シミュレーションプロジェクトの作成
    1. シミュレーション
  17. プロジェクトのプレビュー
    1. プレビュー
  18. レビュー用にプロジェクトを共有する
    1. 「レビュー用に共有」
  19. プロジェクトのパブリッシュ
    1. プロジェクトをパブリッシュする
  20. Adobe Captivate でプロジェクトをアップグレードする
    1. プロジェクトを最新バージョンにアップグレードする

Adobe Captivate で、アクセシビリティを確保し、基準に準拠したプロジェクトを作成する方法について説明します。

ユーザーフレンドリーでアクセシビリティが高いコンテンツを作成することで、さまざまな能力を持つ学習者がコンテンツを利用し、学習要件を満たすことができます。 新しい Adobe Captivate を使用すると、アクセシビリティが高い e ラーニングコースを作成できます。新しい Adobe Captivate を使用した包括的な e ラーニング開発に関する詳細をご覧ください。

スライドをアクセス可能にして、スライド上の画像、SVG、インタラクティブコンポーネント、ウィジェット、クイズへのアクセシビリティを高めることができます。

アクセシビリティ準拠レポート(ACR)

この記事のトピック:

アクセシビリティに関するセマンティック構造を改善するためのガイドライン

スライドコンテンツに含まれているセマンティック構造やアクセシビリティを改善するために、次のガイドラインが採用されています。

  • タイトル:スライドのタイトルにはすべて <h1> の見出しタグが指定されているため、ドキュメント内の重要性と階層がはっきりします。
  • サブタイトル:サブタイトルとなる二次的な見出しは、<h2> の見出しタグで判別できます。タグをこのように使うことで構造がはっきりするため、ユーザーが移動しやすくなり、補助テクノロジーを使いやすくなります。
  • 本文のコンテンツ:スライド本文のメインコンテンツには、見出しタグが組み込まれていません。そのため、メインの見出しとサブタイトルが強調され、ドキュメント構造の整合性を保ちつつ内容が明確になります。
  • 画像コンテンツブロック:画像コンテンツブロックのサブタイトルは、書式の一貫性を確保し、読みやすくするために標準の本文ブロックとみなされます。また、画像と関連があるキャプションには、見出しレベル 1 というラベルが付けられます。

さらに、ページに複数のタイトルやサブタイトルが含まれ、コンテンツブロックを複数使用してスライドの構造を設定している場合、対応する <h1> タグと <h2> タグがそれぞれのコンテンツブロックに設定されます。この手法を採用することで、コンテンツセクションのセマンティック階層が個別に維持されるため、スライド全体の構成と明確性が向上します。見出しタグをそれぞれのタイトルとサブタイトルに適切に割り当てることにより、ユーザーはコンテンツ間を効率よく移動できるようになります。特に、補助テクノロジーを使用する場合や、従来の形式を採用していないコンテンツにアクセスする場合は効果的です。

このような取り組みは Web アクセシビリティの基準に準拠しているため、すべての利用者に対してプレゼンテーションの使いやすさを向上させることができます。

スライドのアクセシビリティ

アクセシビリティが高い e ラーニングコンテンツを作成する場合、はっきりと理解できる情報量が豊富なテキストを各スライドに準備することが重要です。 Adobe Captivate では、スライドに表示される重要な情報にアクセシビリティテキストを指定できます。スクリーンリーダーで、学習者に向けてテキストが読み上げられます。

  1. 右側のツールバーで「アクセシビリティ」を選択します。

    右側のパネルで「アクセシビリティ」を選択
    右側のツールバーで「アクセシビリティ」を選択

  2. 「アクセシビリティテキスト」フィールドに、アクセシビリティテキストを入力します。

    「アクセシビリティテキスト」フィールドに、アクセシビリティテキストを入力します。
    アクセシビリティテキストの入力

  3. アクセシビリティテキストで使用する言語に基づいて、スピーチエージェントを選択します。 例えば、ドイツ語でテキストを入力する場合、「スピーチエージェント」ドロップダウンで「ドイツ語」を選択すると、スクリーンリーダーがロケール固有のエージェントを使用してテキストを読み上げます。

    ドロップダウンからスピーチエージェントを選択する
    スピーチエージェントの選択

スライドオブジェクトのアクセシビリティを高める

Adobe Captivate を使用すると、スライドの画像、テキスト、SVG、ビデオのアクセシビリティを定義できます。

  1. スライドの画像を選択します。

  2. 右側のツールバーで「アクセシビリティ」を選択します。「読み上げ順序」には、スライド上のすべてのオブジェクトが表示されます。

    読み上げ順序は、スライド内のオブジェクトの順序で表示される
    読み上げ順序は、スライド内のオブジェクトの順序で表示される

    スライドのオブジェクトはすべて、「読み上げ順序」セクションに表示されている順序で読み上げられます。「読み上げ順序」のオブジェクトは、上から下、左から右に読み上げられます。

    例えば、「読み上げ順序」でテキストオブジェクトを選択すると、スライド上のそのテキストをスピーチエージェントが読み上げます。

    読み上げ順序のオブジェクトに対する「スクリーンリーダーから非表示」の切り替え
    「スクリーンリーダーから非表示」の切り替え

    スクリーンリーダーから非表示

    「スクリーンリーダーから非表示」オプションを有効にすると、スクリーンリーダーはそのオブジェクトを無視します。

    タブ順序を表示

    「タブ順序を表示」トグルをオンにすると、スライド上のインタラクティブオブジェクトの移動順序が表示されます。 インタラクティブオブジェクトをドラッグすることで順番を変更できます、

    オブジェクトを目的の位置にドラッグして順番を変更する
    オブジェクトを目的の位置にドラッグして順番を変更する

  3. オブジェクト(スライドの画像など)を選択します。

    スライド内の画像を選択する
    スライド内の画像を選択する

  4. オブジェクトにステートを追加した場合は、アクセシビリティテキストを追加して、スピーチエージェントをステートごとに選択できます。

    ステートにアクセシビリティを追加する点に関する詳細については、次のセクションを参照してください。

    アクセシビリティテキストを追加するためにオブジェクトのステートを選択する
    アクセシビリティテキストを追加するためにオブジェクトのステートを選択する

インタラクティブではないオブジェクトのアクセシビリティを高める

画像やインタラクティブではないオブジェクトのアクセシビリティを高めることができます。

  1. 左側のツールバーでメディアブロックを追加/画像グリッドを選択し、画像グリッドのコンテンツブロックをスライドに挿入します。

  2. アセットまたはコンピューターから画像を挿入します。画像挿入の詳細については、「Adobe Captivate プロジェクトへの画像の追加」を参照してください。

  3. 右側のツールバーで「アクセシビリティ」をクリックします。

    「読み上げ順序」セクションで、画像にアクセシビリティテキストを追加できます。 そのテキストをスクリーンリーダーで読み上げる場合は、「スクリーンリーダーから非表示」トグルをオフのままにしておきます。

    注意:

    特定のオブジェクトをスクリーンリーダーから非表示にするには、各オブジェクトの「スクリーンリーダーから非表示」トグルをオンにします。

  4. テキストにアクセシビリティを追加する場合は、「読み上げ順序」のテキストを選択してスピーチエージェントを選択するか、そのテキストをスクリーンリーダーから非表示にします。

インタラクティブオブジェクトのアクセシビリティを高める

Adobe Captivate では、学習者がボタンやインタラクティブオブジェクトにアクセスできるようにすることが可能です。

  1. 左側のツールバーのインタラクティブコンポーネントを追加ボタンをクリックして、ボタンを追加します。

  2. 右側のツールバーで「アクセシビリティ」を選択します。

  3. 「読み上げ順序」セクションで、アクセシビリティテキストをボタンのラベルとして追加し、スピーチエージェントを選択できます。

    ボタンが複数ある場合は、タブの順序を並べ替えることができます。 「タブ順序を表示」トグルをオンにして、ボタンを並べ替えます。

インタラクティブオブジェクトの読み上げ順序を変更しても、「読み上げ順序」セクションで実際の位置が変更されることはありません。ただし、スクリーンリーダーは、「タブ順序を表示」トグルをオンにして指定した順序で読み上げます。

オブジェクトのカスタムステートのアクセシビリティを高める

この例では、キャラクターのカスタムステートを使用して、キャラクターのポーズのアクセシビリティを高めます。

  1. 左側のツールバーでメディアブロックを追加/キャラクターおよびテキストを選択します。キャラクターを複数のポーズに置き換えます。 キャラクターをアセットのポーズで置き換える方法については、「Captivate プロジェクトへのキャラクターの追加」を参照してください。

  2. ビジュアルプロパティパネルで「表示」をクリックしてステートフライアウトを起動し、ポーズをステートとして表示します。

    キャラクターのポーズをステートとして表示する
    キャラクターのポーズをステートとして表示する

  3. 右側のツールバーで「アクセシビリティ」を選択します。「読み上げ順序」セクションでは、オブジェクトステートが「ステート」ドロップダウンに表示されます。

    オブジェクトのステートに対して読み上げ順序からアクセシビリティテキストを追加する
    オブジェクトのステートに対して読み上げ順序からアクセシビリティテキストを追加する

  4. ドロップダウンからポーズを選択し、アクセシビリティテキストを追加します。

    さまざまなポーズのオブジェクトのステートに対して読み上げ順序からアクセシビリティテキストを追加する
    さまざまなポーズのオブジェクトのステートに対して読み上げ順序からアクセシビリティテキストを追加する

  5. この手順を繰り返して、他のステートにもアクセシビリティテキストを追加します。

チェックボックスのアクセシビリティを高める

Adobe Captivate では、学習者がチェックボックスにアクセスできるようにすることができます。

  1. プロジェクトにスライドを追加します。

  2. 左側のツールバーのインタラクティブコンポーネントを追加チェックボックスをクリックします。

  3. 右側のツールバーで「アクセシビリティ」を選択します。

  4. 「読み上げ順序」セクションで、チェックボックスラベルのスピーチエージェントを選択します。

ウィジェットのアクセシビリティを高める

この例では、カードウィジェットにアクセスできるようにします。

  1. 左側のツールバーで新しいウィジェットを追加/カードを選択して、カードウィジェットを追加します。

  2. 右側のツールバーで「アクセシビリティ」メニューを起動します。

  3. 「読み上げ順序」には、インタラクティブオブジェクトとインタラクティブではないオブジェクトがすべて表示されます。「タブ順序を表示」トグルをオンにして、ウィジェットにインタラクティブオブジェクトを表示します。

  4. 「読み上げ順序」セクションでカードコンテナーを選択し、アクセシビリティテキストを追加して、スピーチエージェントを選択します。

    カードウィジェットでのオブジェクトの読み上げ順序
    カードウィジェットでのオブジェクトの読み上げ順序

    注意:

    同様に、テキストオブジェクトにアクセシビリティを追加したり、カードコンテンツブロック内のカード裏面にあるテキストのスピーチエージェントを選択したりできます。

  5. カードグループ内のオブジェクトすべてにアクセシビリティテキストを追加する場合は、コンテナーの横にある矢印を選択します。

    カードグループ内のオブジェクトすべてにアクセシビリティテキストを追加する
    カードグループ内のオブジェクトすべてにアクセシビリティテキストを追加する

  6. アクセシビリティテキストを追加し、カード内の特定のオブジェクトに対してスピーチエージェントを選択します。

    アクセシビリティテキストを追加し、カード内の特定のオブジェクトに対してスピーチエージェントを選択します。
    カード内の特定のオブジェクトに対してスピーチエージェントを選択する

クイズのアクセシビリティを高める

この例では、多肢選択形式の質問スライドのアクセシビリティを高めます。

  1. 左側のツールバーの + アイコンをクリックして、「多肢選択」を選択します。

  2. 右側のツールバーで「アクセシビリティ」を選択します。

  3. 「読み上げ順序」セクションには、2 つのモードがあります。

    クイズモード

    解答オプションのタイトルとテキストについて、スピーチエージェントを選択します。 スクリーンリーダーは「スピーチエージェント」ドロップダウンで選択した言語でテキストを読み上げます。「タブ順序を表示」トグルをオンにすると、インタラクティブオブジェクトを並べ替えて、指定した順序でスクリーンリーダーが読み上げるようにすることができます。

    また、「スクリーンリーダーから非表示」トグルをオンにして、特定のオブジェクトをスクリーンリーダーから非表示にすることもできます。

    クイズモード内でオブジェクトをスクリーンリーダーから非表示にする
    クイズモード内でオブジェクトをスクリーンリーダーから非表示にする

    レビューモード

    レビューモードには、「戻る」「次へ」の 2 つのボタンが追加されます。このモードを使用すると、テキストオブジェクトに対してスピーチエージェントを選択できます。ボタンオブジェクトに対しては、アクセシビリティテキストを追加できます。

    「タブ順序を表示」トグルをオンにすると、インタラクティブオブジェクトを並べ替えて、指定した順序でスクリーンリーダーが読み上げるようにすることができます。

    スクリーンリーダーは、レビューモードでキャプションと正解を読み上げます。

目次および再生バーのアクセシビリティ

学習者が再生バーと目次を有効化した状態でコースを受講すると、Tab キーを使って再生バーの項目を移動できます。

Tab キーを使用して再生バーにある項目を移動する
Tab キーを使用して再生バーにある項目を移動する

Tab キーをもう一度押して、再生バーのメインコンテンツにスキップをハイライト表示します。 スペースキーと Tab キーを押すと、スライドのインタラクティブなオブジェクトにフォーカスが移動します。

スペースキーと Tab キーを押すと、スライドのインタラクティブなオブジェクトにフォーカスが移動します。
スペースキーと Tab キーを押すと、スライドのインタラクティブなオブジェクトにフォーカスが移動します。

Tab キーを 2 回押すと、再生バーの目次メニューにフォーカスが移動します。 

Tab キーを 2 回押すと、再生バーの目次メニューにフォーカスが移動する
Tab キーを 2 回押すと、再生バーの目次メニューにフォーカスが移動する

スペースバーを押すと、目次が表示されます。

スペースバーを押すと、目次が表示される
スペースバーを押すと、目次が表示される

Tab キーを押すと、目次のコース全体を順に移動できます。

Tab キーを押すと、目次のコース全体を順に移動できる
Tab キーを押すと、目次のコース全体を順に移動できる

スペースバーを押すと、コースの特定の部分が表示されます。

スペースバーを押すと、コースの特定の部分が表示される
スペースバーを押すと、コースの特定の部分が表示される

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト