なぜエンジニアリングチュートリアルのアクセシビリティのマター

エンジニアリングウェブチュートリアルは、回路設計と組込みシステムから構造解析とデータモデリングまで、あらゆるものを網羅する近代的な技術教育の礎です。しかし、複雑な図形、迅速なナレーション、および画面上のテキストは、障害のある学習者にとって重要な障壁を作成することができます。 []]によると、世界保健機関は、世界中で1億人以上の人々が障害者の形態を持っています。 ビデオコンテンツにアクセスできることは、倫理的な衝動だけでなく、法的要件(LTFLTFLT:[FLT:]) [FLT:] [FLT:] [FLT:] [FLT:]] [FLT:] [FLT:] [[FLT:] [[FLT:] [[FLT:]] [[FLT:] [[F]] [[FLT:]]] [[F]] [[F]] [[FLT: [[F]]] [[F] [[F]] [[F] [[F]]]] [[F]]] [[F] [[FLT: [[F]] [[FLT:

アクセシブルなビデオは、すべての学習者に利益をもたらします。キャプションは、非ネイティブスピーカーと騒々しい環境の人々に対する理解を改善します。トランスクリプトは、コンテンツを検索しやすく、参照が容易になります。クリアなオーディオの説明は、視覚学習者が複雑なスキーマを内在させるのを助けます。障壁を取り除き、エンジニアリング教育者はオーディエンスを拡大し、保持を改善し、より包括的な学習環境を作成します。精度が重要である競争分野では、アクセシビリティは理解と混乱の違いになる可能性があります。

アクセシブルな動画を作成するための重要な戦略

アクセシブルなエンジニアリングチュートリアルの構築には、生産のあらゆる段階で意図的なデザインが必要です。 以下は、WCAG 2.1レベルのAAの成功基準と一致する、実証済みの戦略です。

1. 明確で記述的な可聴周波を使用して下さい

ナレーションは、ほとんどのチュートリアルで情報配信のための主要なチャネルです。 安定したペース(毎分150〜160ワード)と単純で、具体的な言語を使用してください。 複雑な手順で急いで避けてください。 新しい変数やコンポーネントを導入した後、視聴者は情報を吸収することができます。

視覚的な要素を明示的に記述します。例えば、ブロック図を表示するとき、例えば、[] と言います。左では、電圧源は抵抗R1に接続します。R1以上は、そのノードをソースに向かって指向するダイオードを参照してください。]この慣行は、として知られ、統合されたオーディオ説明)として、盲目であるか、または低視力を持っている学習者のために不可欠です。 録音室やマイクロフォンの音を流暢にするために、または音を流暢に録音することができます。

[]重要なアクション項目を折り曲げる:[は、明確に話して、自然言語を使用し、各視覚要素を電話の同僚に向ける。

2. 正確なキャプションとトランスクリプトを追加

同期キャプションは、聴覚アクセシビリティのために必須です。 []WCAG 2.1 成功基準 1.2.2は、すべての事前録画されたビデオコンテンツのキャプションを必要とします。 自動音声認識に依存するのではなく、ヒトチェックのキャプションを使用して、「Kirchhoffの電圧法」または[FLT][FLT][FLT][F]][FLT][FLT][FLT]]][FLT:[FLT]]][F]]][F]][F]]][[[[FLT[F]]]]]]]][[[[[[[[[[[[[[FLT[FLT[[[[[[[[[[[[FLT]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]

  • 閉じたキャプション] (SRT、VTT、またはビデオプレーヤーに埋め込まれた) - ビューアがオン/オフにそれらを切り替えることを可能にします。[
  • ]]] - テキストファイルまたはページは、すべての対話と関連文書を学習できるようにします[FLT] [FLT:] [FLT] [FLT:] [FLT]]] [FLT:[FLT:]] - 特定のトピックのテキストと[FLT:[FLT:[FLT:[FLT] - [[FLT:[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [[FLT] - [

    Amara]、YouTubeのキャプションエディタ、または3Play Mediaのような専門的なサービスがプロセスを合理化することができます。 エンジニアリングコンテンツについては、特に、式やコードスニペットが読み込まれるときに、技術的な精度のキャプションを常に見直します。 サブタイトル編集ツールまたは[FLT]Adobe [FLT]FLT:[FLT]、[FLT:[FLT:]]]、[FLT:[FLT:[FLT]]]]]]、[F]、[FLT:[FLT:[F]]、[FLT:[F]]、[Adobe Flash:[F]、[F]、[F]、[F]、[F]、[F]、[F]、[F]、[FLT:[FLT:[FLT:[F]、[F]、[F]、[Adobe [F]、[F]、[F]、[F]、[F]、[FLT:[F]、[F]、[F]、[F]、[Adobe [FLT

    3. 視覚のアクセシビリティを保障して下さい

    画面上のテキストとグラフィックスは、視力が低い、色が見える、または発作障害のある視聴者に知覚する必要があります。 これらのガイドラインに従ってください。

    • []高コントラスト比:]] 通常のテキストと大きなテキスト(18ptまたは14pt大胆)の3:1のコントラスト比を使用してください。 [ WebAIMコントラストチェッカーのようなツールは、色の選択肢を検証するのに役立ちます。
    • []読みやすいフォント:[]]] sans-serifフォント(Arial、Helvetica、Verdana)を、画面上のタイトルと18pxの最小24pxで使用してください。 薄く、軽く、装飾的なフォントを避けてください。
    • ] 点滅するコンテンツが無効に:[] ストロボリング効果や急激な移行はありません。 WCAG 2.1 成功の基準 2.3.1 コンテンツは、感光性のある個人で発作を引き起こす可能性がある秒当たり3回以上フラッシュしてはならない状態です。
    • []Color-safe design:[]]]は、情報を伝達するために色だけに依存しない(例えば、正しい/不正確な痕跡のための赤/緑)。パターン、ラベル、または形状を追加します。例えば、回路シミュレーションでは、色に加えて、ダッシュとソリッドラインを使用します。

    4. 音声説明の実装

    ビジュアルのデモンストレーションに大きく依存するエンジニアリングチュートリアルでは、オーディオの説明(AD)を分離することがよくあります。ADは、対話の自然な一時停止中に重要な視覚的詳細を説明する追加のナレーショントラックです。これは、CADモデルのレイアウト、プロトタイプのステップバイステップアセンブリ、またはシミュレーショングラフの動きを説明するものです。

    別のADトラックを作成できます(YouTubeの「オーディオ説明」オプションでサポート)、または統合された説明をメインナレーションに組み込むことができます。ほとんどのエンジニアリングビデオでは、音声オーバーに説明を織り込むため、統合された説明がより自然です。別のトラックを選択した場合は、ビデオプレーヤーが簡単にオーディオトラックを切り替えることができます。

    練習のヒント:] ビジュアル要素のキューを含むスクリプトを書き、自分自身のADのナレーションを記録するか、または音声俳優で記録します。 説明が明確でタイムリーであることを確認するために、盲目ユーザーでテストします。

    5. ナビゲーションとインターアクティブを最適化

    アクセシブルなビデオは再生を超えて行きます。チャプターマーカー(YouTubeチャプターまたはVTTの字幕をチャプターキュー)を提供しているため、視聴者は特定のセクションにジャンプすることができます。埋め込まれたビデオプレーヤーの場合、すべてのプレーヤーコントロール(再生、一時停止、音量、フルスクリーン、キャプショントグル)がキーボードからアクセス可能であることを確認してください。プレイヤーはタブ]、、、、]]、[[FLT:]]]]]、[[FLT:[FLT:[FLT:[F]]]]]]、[[F [[FLT:[FLT:[F]]]]]]]、[[F]、[[F]、[[F]]、[[F]、[[F]]、[[F [[F [[F]]]]]、[[F [[F [[F[F]、[[F]]]、[[F]]]]]、[[F [[F

    チュートリアルにはインタラクティブな要素(クイズ、シミュレーション、コードエディタ)が含まれている場合、それらもアクセス可能にします。 ARIAのランドマーク、適切なフォームラベル、およびフォーカスインジケータを使用してください。 エンジニアリングチュートリアルは、ステップバイステップのラボワークを含むことが多いです。 テキストベースのウォークスルーをビデオと一緒に含めて、学習者を事前に読み、または自分のペースでレビューする必要がある。

    ツールとリソース アクセシブルなビデオコンテンツを作成する

    ツールの広い範囲は、過度の頭上なしでアクセシビリティの目標を満たすことができます。

    • [キャプション:] []](AI-人編集に役立てられた)、Amara(クローリングソース)、YouTube Studio(手動補正付きの無料自動キャプション)、字幕編集(SRT作成のためのオープンソース)。
    • [Audio 説明:]] 任意のマルチトラックオーディオエディタ(Audacity、Adobe Audition)を使用して、別の説明トラックを生成します。 YouTubeは、代替オーディオ言語としてADトラックをアップロードをサポートしています。
    • []アクセシビリティチェッカー: []]]ビデオプレーヤーの互換性のためのアクセシビリティチェッカー]。 W3Cは]]]の一覧を提供します。 ]]。
    • カラーコントラストアナライザ:] WebAIMコントラストチェッカー、Windows / MacOS用のカラーコントラストアライザ(CCA)。
    • スクリプト:]]] ビジュアルの説明、ナレーション、キャプションのタイミングの列を含むスクリプトテンプレートを使用します。 Celtx やテーブル付きの Google Docs などのツールがうまく機能します。

    アクセシビリティが進行中のプロセスであることを覚えておいてください。 将来のチュートリアルが同じ基準に従うようにワークフローを文書化してください。

    アクセシビリティのための動画のテスト

    アクセシビリティ戦略はテストなしで完了します。自動化されたツールは基本的なエラーをキャッチすることができますが、マニュアルとユーザーテストはエンジニアリングコンテンツに不可欠です。次の手順に従ってください。

    1. []自動スキャン:[]] []]WAVE]またはビデオランディングページのAxe-Coreブラウザ拡張を使用して、フォントコントラスト、見出し構造、およびリンクラベルを確認します。
    2. キャプションの精度レビュー:[]] ビデオをキャプションで見、一緒に読みます。 不正な技術的な用語、タイミングの遅延、または欠落したサウンドエフェクト(例えば、「ビープ」または「クリック」)をマークします。
    3. []Audio 説明監査:[]]ビジュアルなしでビデオに耳を傾けます。 チュートリアル全体に従うことができますか? そうでない場合は、説明を追加してください。
    4. [キーボードナビゲーションテスト:[]]]マウスをプラグし、キーボードのみを使用してビデオプレーヤーを操作しようとする。 すべてのコントロールが到達可能で操作可能であることを確認してください。
    5. []ユーザテスト:] 複数の障害を持つ個人をリクルート (ビジュアル、ヒアリング、モーター) プロトタイプセグメントを見るために。 簡単なタスク(例えば、PIDループチューニングのセクションを見つける)を完了するか、または「配線手順を記述する」など)を完了するためにそれらに尋ねる。 彼らのフィードバックは貴重です。

    インパクトに基づいて修正を見つけて優先順位付けする問題を文書化します。例えば、欠落したキャプションタイミングエラーはクイック修正かもしれませんが、混乱するビジュアルの説明はセクションを再録画する必要があるかもしれません。

    コンテンツ

    エンジニアリングウェブチュートリアルのためのアクセス可能なビデオコンテンツを作成することは、品質と株式への投資です。 明確なオーディオ、正確なキャプション、視覚的なコントラスト、オーディオの説明、およびキーボードフレンドリーなナビゲーションを優先することにより、才能のある学習者を排除できる障壁を削除します。 努力は、配当を収穫します:より高いエンゲージメント、より良い理解、およびエンジニアのより多様なコミュニティ。

    一つのチュートリアルから始まり、これらの戦略を増やします。ここで説明したツールとテスト方法を使用して、ワークフローを磨きます。時間とともに、アクセシビリティは、後続ではなく、あなたの生産プロセスの自然な部分になります。工学教育の高速回転分野では、包括的な設計は、単にコンプライアンスチェックボックスではなく、効果的な教育の基礎です。