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

このページのトピック：

概要

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

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

アクセシビリティ準拠レポート（ACR）

• Adobe Captivate

Adobe Captivate でのアクセシビリティのサポート

支援テクノロジーのサポート

アクセシビリティを必要とするユーザーは、支援テクノロジーと一般的に呼ばれるハードウェアおよびソフトウェアソリューションに頻繁に頼って、デジタルコンテンツを操作します。 Adobe Captivate は幅広い支援テクノロジーをサポートするように設計されており、コンテンツの作成者は包括的な e ラーニングエクスペリエンスを構築できます。 Captivate で利用できる支援テクノロジーは次のとおりです。

• スクリーンリーダー：NVDA、JAWS、および VoiceOver をサポートしています。 スライドのアクセシビリティを高めて、スクリーンリーダーのスピーチエージェント言語を追加する方法については、こちらをご覧ください。
• クローズドキャプションの追加：クローズドキャプションをスライド音声に手動で追加したり、SRT または VTT ファイルを読み込んだりすることが可能です。 Adobe Captivate のクローズドキャプションを追加する方法については、こちらをご覧ください。
• キーボードナビゲーション：キーボードショートカットを使用して、目次の読み取り順序でコースを操作します。
• 公開済み出力の拡大サポート：学習者は、画面の拡大鏡を使用して最大 200% まで拡大できるため、テキストの読みやすさが向上し、集中しやすくなります。
• 色のサポート：作成者は、WCAG に準拠したコントラストに関するガイドラインに基づいて色を選択することで、色弱またはロービジョンのユーザーに視覚的なコントラストやアクセシビリティを十分に確保できます。 WCAG の色のコントラストに関するガイドラインについて詳しくは、こちらを参照してください。

障害の種類ごとのアクセシビリティ機能

視覚障害

視覚障害を持つユーザーは、次の操作を行うことができます。

• スクリーンリーダー（JAWS、NVDA、VoiceOver など）を使用して、インターフェイス要素（スライドのコンテンツ、ボタンのラベル、画像用の代替テキスト、クイズの質問など）にアクセスし、読み上げます。 （作成者は、意味のある代替テキストとアクセシブルなラベルを提供する必要があります。 スライド上のオブジェクトの読み取り順序を設定する方法について詳しくは、こちらを参照してください）
• 定義済みの読み取り順序を使用してコースを移動します。これにより、スクリーンリーダーはコンテンツを論理的に表示できます。 （作成者は、スライド上のコンポーネントの読み取り順序を設定する必要があります。）
• 画面の拡大鏡またはブラウザーのズーム機能を使用して、コースコンテンツをズームインします。 
• OS / ブラウザーベースのハイコントラスト設定を有効にすることで、コンテンツの視認性を向上させます。 （作成者は、コントラストの低い色の組み合わせを避け、WCAG の色のコントラストに関するガイドラインに従う必要があります）

聴覚障害

聴覚障害のあるユーザーは以下のことができます。

• オーディオおよびビデオコンテンツ（MP3 ファイルや MP4 ファイルなど）のクローズドキャプションを表示します。 （作成者は、オーサリング中にキャプションを追加または読み込む必要があります。）
• 文字状態のアニメーション、画面上のテキストコンポーネント、埋め込み手話ビデオなど、視覚的な代替手段を通じて学習します。 （作成者は、コースの作成時にこれらの視覚補助を手作業で追加する必要があります）

運動障害

運動機能に障害があるユーザーは、以下の操作を行うことができます。

• タイムライン、メニュー、インタラクティブ要素などのキーボードのみのコントロールを使用して、コース内を移動します。 （作成者は、すべてのインタラクティブ要素がキーボードでアクセス可能であることを確認する必要があります。）
• 再生バー、目次、アクセシブルなウィジェット、画面上のボタンなどの機能を操作します。 （作成者は、必要に応じてスキップナビゲーションを有効にし、アクセシブルなウィジェットの種類を選択する必要があります）
• Tab キーを使用してコースのコンテンツを進めると、次のアクションに移動し、Shift + Tab を使用すると、前のアクションに移動できます。 （作成者は、正しい読み取り順序でスライドコンポーネントを構成する必要があります。）

移動に使用するキーボードのショートカット

学習者は、Tab キー、Shift + Tab キー、Enter キー、矢印キーなどの標準のキーボードショートカットを使用して、コースの使用中に移動、コンテンツの操作、再生の管理を行うことができます。

アクセシブルな見出しタグ

Adobe Captivate でスライドコンテンツのセマンティック構造とアクセシビリティを強化するために、次のプラクティスが実装されました。

• タイトル：すべてのスライドタイトルは <h1> の見出しタグを使用してマークされ、スライド上で最も重要であるということと最も上位の階層であることが示されます。

• サブタイトル：小見出しまたはサブタイトルには、<h2> の見出しタグが割り当てられます。これによって構造がはっきりするため、ユーザーと支援テクノロジーのナビゲーションを向上させることができます。

• 本文のコンテンツ：メインスライド本文のコンテンツには、見出しタグが使用されません。 これにより、見出しとサブタイトルを目立たせることができるため、コンテンツの階層で明確さと一貫性を確保できるようになります。

• 画像コンテンツブロック：画像ブロックのサブタイトルは、書式の一貫性を確保し、読みやすくするために標準の本文テキストとみなされます。画像と関連があるキャプションには、<h1> タグというラベルが付けられます。

• 複数のコンテンツブロック：スライドに複数のタイトルとサブタイトルが含まれている場合や、複数のコンテンツブロックを使用している場合、各ブロックには独自の <h1> タグと <h2> タグが割り当てられます。 これにより、すべてのセクションでセマンティック階層が適切に維持され、ナビゲーションと構造が改善されます。

アクセシブルなオーサリングのヒント

• スクリーンリーダーのユーザーをサポートするために、すべての画像およびインタラクティブなオブジェクトに説明的な代替テキストを使用します。
• 明確な見出しと論理的な読み上げ順序を使用してコンテンツを構造化し、特に支援技術のナビゲーションを向上させます。
• WCAG のコントラストに関するガイドラインに準拠したハイコントラストの配色を選択することで、視覚に障害があるユーザーをサポートします。
• 聴覚に障害がある学習者をサポートするために、すべてのオーディオコンテンツとビデオコンテンツにクローズドキャプションを提供します。
• ユーザーが再生の一時停止または停止をコントロールできる場合を除いて、メディアの自動再生を控えてください。
• スクリーンリーダーとアクセシビリティチェッカーを使用してコースをテストし、公開する前に潜在的な問題を特定して修正します。
• ボタン、クイズ、ナビゲーションコントロールなど、すべてのインタラクティブ要素にキーボードを使ってアクセスできることを確認してください。

その他の関連ヘルプ

• スライドのアクセシビリティを高める
• スライドオブジェクトのアクセシビリティを高める
• インタラクティブコンポーネントのアクセシビリティを設定
• ウィジェットのアクセシビリティを高める
• クイズのアクセシビリティを高める
• 目次および再生バーのアクセシビリティ