なぜマスタークラス設計のアクセシビリティのマット

学習者全員がアクセスできるマスタークラスコンテンツを作成することは、現代教育のための基本的な要件です。 世界中の1億人を超える人々が、視覚的および聴覚障害から認知的および運動制限に至るまで、障害の形態を経験しています。 コンテンツがアクセス不能になると、これらの学習者は、参加、エンゲージメント、成功への重要な障壁に直面しています。 マスタークラス設計のアクセシビリティは、Disabilities ActやWebコンテンツアクセシビリティガイドラインなどの基準に単純に法的コンプライアンスを超えて移動します。 これにより、ユーザーは、さまざまなユーザーのニーズやニーズを把握し、より効果的に把握することができます。

「アクセシビリティは、後続的ではありません。すべての学習者のためのユーザビリティを高める設計原則です。」

オンライン教育の競争的な風景では、アクセス可能性を無視するマスタークラスは、潜在的な学生の実質的な部分を疎外する危険性を無視します。さらに、インクルードを埋める機関は、より高い入学率、より良い学習者満足度、およびより強いブランドの忠誠性を見ます。アクセシビリティは、複数の表現、表現、およびエンゲージメントの手段を提唱するユニバーサルデザイン(UDL)の原則と整列します。各学習者が独自の能力と好みのために最も適したパスを選ぶことができることを念頭にUDLと設計することを保証します。

アクセス可能なマスタークラスコンテンツの主な原則

Webコンテンツアクセシビリティガイドライン(WCAG)は、頭字語でよく記憶される4つのコア原則を中心に組織されたグローバルに受け入れられたフレームワークを提供します。

浸透可能

学習者は、提示される情報を認識できるようにしなければなりません。これは、画像、チャート、およびオーディオなどの非テキストコンテンツのテキスト代替手段を提供することです。例えば、すべてのビジュアルには、記述的なaltテキストを含める必要があります。ビデオコンテンツには、同期されたキャプションと完全なトランスクリプトを含める必要があります。オーディオのみコンテンツには、書かれたバージョンが必要です。コンテンツが適応可能であることを確認してください。ユーザーは、テキストのサイズを変更したり、色を調整したり、情報にアクセスしたりすることができます。カラーは、単にバックアップ方法やラベルの形式を運ぶ必要はありません。

オペラブル

ユーザーインターフェイスコンポーネントとナビゲーションは、すべてのユーザーのために機能しなければなりません。 これは、フルキーボード操作性 - すべてのボタン、リンク、フォームフィールド、およびインタラクティブ要素は、キーボードのみを使用して到達可能かつ有効でなければなりません。 フォーカスが立ち往生するキーボードトラップを避けてください。 学習者にコンテンツを読み、やり取りするのに十分な時間を提供してください。 自動進行するスライドや、拡張または一時停止するメカニズムなしでタイムドクイズを避けてください。 消光や急激な動きのアニメーションなどのセイゾレは、明確にナビゲーションやマスター可能な警告を避ける必要があります。

よくある質問

コンテンツは理解し、操作するのは簡単です。 明確で明白な言語を使用してください。 技術的用語や気功を定義する 彼らが無効であるとき。 指示とエラーメッセージは簡潔で有用である必要があります。 フォームやクイズなどの入力メカニズムは、明確なラベルと指示を持っている必要があります。 レイアウト、用語集、および相互作用パターンの一貫性は、認知障害の学習者が自信を持って、混乱を減らすのに役立ちます。 ページとセクションの見出しは、ユーザーが構造をすばやく把握できるようにすることを確認してください。

ブラススト

コンテンツは、画面リーダー、スクリーン拡大器、音声認識ソフトウェア、代替入力デバイスを含む、現在のおよび将来の支援技術と互換性のある必要があります。 意味を正しく使用してください:見出し([)、[]])、リスト、およびランドマーク(のような)、[]))は、意味を伝えるべきです。 視覚的なスタイリングだけでなく、特定のウィジェットやオブジェクトへのアクセスを容易に確認することができます。 特定の要素は、特定の要素を容易に確認することができます。

WCAGレベルAAに付着することは、ほとんどの教育コンテンツの推奨ベースラインです。 レベルAAA要件、延長時間制限や署名言語解釈などの、可視性および適切な場所を適用することができます。

アクセシブルなマスタークラスを設計するための実用的なステップ

1. 明確で、簡単な言語を使用して下さい

直接書き、簡潔に書きます。不要な複雑さ、複数の句の文章、そしてうまく翻訳できないようなイディオムを避けてください。新しい語彙を提示するとき、用語集やポップアップの定義を含みます。このアプローチは、認知障害、言語の障壁、または限られた事前の知識を持つ学習者をサポートしています。 Flesch-Kincaidグレードレベルのような読みやすさツールは、文章の複雑さを測るのに役立ちます。ターゲットオーディエンスの適切なレベルを把握するのではなく、すべてのレベルを読んでください。

2. エンゲージメントの複数の手段を提供

さまざまな学習スタイルやアクセシビリティニーズに対応するためのさまざまなフォーマットでコンテンツを提供します。各主要なトピックについては、以下を提供します。

  • 字幕とダウンロード可能なトランスクリプトによるビデオ講義
  • 同じ講義の音声のみのバージョン(例、ポッドキャスト形式)
  • 重要なポイントをカバーするテキストの要約または書かれた記事
  • 図、情報、マインドマップなどのビジュアル要約、記述的なaltテキストを含むすべての

学習者は、自分の好みや状況に合ったフォーマットを選ぶことを可能にします。この柔軟性は、大画面のトランスクリプトを好む学生から、コミュニケーション中にオーディオを聴く親に恩恵を与えます。

3. キーボードおよび援助の技術の両立性を保障して下さい

キーボードのみを使用して、マスタークラスのすべてのインタラクティブな要素をテストします。 フォーム、コースナビゲーション、クイズ、進捗追跡者を経由してタブ。 すべての機能が到達可能であることを確認し、ユーザーがフォーカスインジケーターを明らかに見ることができることを確認します。 可能な限り、セマンティックHTMLを使用します。 カスタムJavaScriptコンポーネントは、ARIAの認可プラクティスに従う必要があります。 代替キーボードアクセス可能な方法が存在しない限り、ドラッグアンドドロップの相互作用に依存しない(例えば、選択 - リストから)。 画面にユーザーとパートナーは、隠れた問題のテストを解除します。

4. キャプション、トランスクリプト、およびオーディオの説明を追加します。

すべてのビデオコンテンツには、正確で同期されたキャプションが含まれている必要があります。キャプションは、Deafと難聴学習学習者だけでなく、聴覚処理障害、非ネイティブスピーカー、および音に敏感な環境で見ている人々を補助するだけでなく、機能を提供します。重要なビジュアル要素(チャート、デモンストレーション、スクリーン共有)の説明を含むビデオの完全なトランスクリプトを提供します。ビジュアル情報が重要であるビデオについては、オーディオの追加説明を検討してください。テキストの操作や、Transcriptの検索や特定のトピックをすばやく改善することができます。

5. 高い対照色および読解可能なタイポグラフィーを使用して下さい

通常のテキストと3:1の最小コントラスト比を満たすカラーコンビネーションを選択します。大きなテキスト(18ptまたは14pt太字)。 ]などのコントラストチェッカーツールを使用して、WebAIMのカラーコントラストチェッカー]を、パレットを検証します。 少なくとも、グリーンの白色または赤のライトグレーなどのコントラストデュオを避けてください。 sans-serifフォントを良好なレシビリティ(例えば、Arial Line、またはSpaaを制限する)で選択してください。 少なくとも、スペースのサイズを縮小し、または最小にするには、16pxのテキストをクリアしてください。

6. 明確な見出しおよびリストが付いている構造の内容を

見出しレベル()、、)を使用して、論理階層。 レベルをスキップしないでください - は、直接[に従っていないはずです。 長い段落を短く分割します。 特定の順序のないアイテムの無条件リストを使用して、ステップバイステップの指示のためのリストを注文します。 この構造は、スクリーンの読者がスキーやコンテンツの削除を促すのに役立つだけでなく、すぐに情報を提供することができます。

7. アクセシビリティのための設計形態そしてクイズ

フォームフィールドには、[要素を使用してプログラム的に関連している明確で可視ラベルが必要です。 エラーメッセージは、特定のフィールドの近くにエラーが表示されます。 日付ピッカーやパスワード要件などの複雑な入力の指示を提供します。 クイズの質問は、画面リーダーによって読みやすくなることを確認してください。 画像や色に依存して質問を伝えることを避けます。 可能な限り代替評価方法(例えば、短時間質問は、インタラクティブな画面で複数の評価を切り替える)を提供します。

8. リアルユーザーとアシストテクノロジーでのテスト

自動テストツール()WAVEまたは])]ブラウザ拡張機能、多くの一般的な問題をキャッチすることができますが、すべての障壁を検知することはできません。 NVDA(Windows)やVoiceOver(macOS/iOS)などの画面リーダーで手動テストを実施します。 キーボードナビゲーションでテストし、200%でブラウザズーム機能し、ハイコントラストモードを有効にします。 ほとんどの効果的なテストは、障害のあるテストをマスターに含めます。

9. 適用範囲が広い時間および相互作用の選択を提供して下さい

学習者は、同じ速度で情報を処理することができます。 モジュールやクイズを補完するための厳格な時間制限を避けてください。タイマーを使用する必要がある場合は、学習者がより多くの時間を要求したり、タイマーをオフにすることを可能にします。ドラッグ&ドロップ、ジェスチャーベースのコントロール(スワイプ、ピンチ)、またはマウス依存アクションなどのインタラクティブな要素のために、キーボードアクセス可能な代替手段を提供します。学習者は、任意の時点でコンテンツを一時停止、巻き戻し、再訪を許可します。 中断が、作業は失われることはありません。

10. 応答性および移動式–Friendlyの設計を保障して下さい

多くの学習者は、スマートフォン、タブレット、または補助デバイスでマスタークラスにアクセスします。すべてのインタラクティブな要素が異なる画面サイズで適切にスケールアップされていることを確認してください。ボタンとリンクのために少なくとも44x44ピクセルのタッチターゲットを提供します。水平スクロールを避けてください。テキストと間隔のために、相対的なユニット(em、rem、%)を使用して、レイアウトを破ることなくテキストサイズを調整することができます。デバイスの範囲と補助的な設定でマスタークラスをテストします。

ツールとリソース アクセシブルなデザインをサポート

多数の無料および有料ツールを使用すると、マスタークラスコンテンツのアクセシビリティを評価し、改善することができます。これらを設計および開発ワークフローに統合します。

設計ライフサイクル全体でこれらのリソースを活用します。自動チェックは初期と頻繁に実行する必要があります。手動テストは起動前に主要なマイルストーンで行われるべきです。

アクセシブルなマスタークラスコンテンツの利点

アクセシビリティへの投資は、量的および定性的の両方で、幅広いリターン範囲を収めます。

  • [ ウェイダーリーチと増加したエンローメント:[]] 障害者、高齢者、および一時的な障害のある人(例えば、壊れた腕)に対するアクセス可能なマスタークラスの魅力。 視聴者を直接増加させる潜在的な収益と影響。
  • []:[のユーザーエクスペリエンスを改善しました。 明確で一貫性のあるナビゲーション、および使用可能なコントロールは、すべての学習者に利益をもたらします。 アクセシビリティの改善は、多くの場合、タスクの完了、エラー率の低下、およびボード全体でより高い満足度スコアが向上します。
  • 法規制とリスク低減:[障害者法、欧州アクセシビリティ法、およびリハビリテーション法のセクション508は、等しいアクセスを必要とする。 積極的なコンプライアンスは、高価な訴訟、苦情、および規制違反のリスクを最小限に抑えます。
  • 学習成果: さまざまな認知処理スタイルをサポートするキャプション、トランスクリプト、代替フォーマットなどの機能。 調査では、キャプションがすべての学生の理解と保持を改善し、難聴を持つ人々だけでなく、情報をより効果的に整理し、リコールするのを助けます。 ウェルストラクテッドコンテンツは、学習者に学習者を支援します。
  • [ポジティブブランド評判と差別:[]]あなたの組織が多様性を重視する、包括性信号に対する実証可能なコミットメント。これは、ブランドの忠誠性を強化し、パートナーシップを引き付け、肯定的な単語の-オブマスを作成することができます。 クラウド市場では、アクセシビリティは、重要な差別化要因となる可能性があります。
  • [Better Search Engine Performance: テキストの代替、トランスクリプト、およびウェル構造のHTMLは、検索エンジンによって、コンテンツの発見性を向上させる。 多くのアクセシビリティのベストプラクティス(記述的な見出し、altテキスト、きれいなマークアップ)は、SEOを促進し、有機トラフィックを運転します。
  • []Costセービングと未来のプロファイリング:[]]発売後のアクセスできない製品を修正することは、開始からのアクセス性を築くよりもはるかに高価です。 アクセシブルなコードは通常、新しい技術とより保守可能でモジュラー的、互換性があります。
  • [グレーター学習者エンゲージメントと保持:[]]]学習者が最善の方法でコンテンツとやり取りできるとき、やる気を起こさせ、コースを完了する可能性が高い。 不満を減らして、ドロップアウト率を下げ、より強い単語の---マス紹介につながる。

アクセシビリティは、ワンタイムチェックリストアイテムではありません。テクノロジー、ガイドライン、およびユーザーニーズに進化する継続的な実践です。定期的にマスタークラスコンテンツを見直し、フィードバックを組み入れ、新しい障壁を解決します。デザイン哲学にアクセシビリティを埋め込むことで、すべての生徒が繁栄できる学習環境を作成します。