アクセシブルなプレゼンテーションのための包括的なデザイン

会議、ワークショップ、ミートアップのすべてのプレゼンターに：私はあなたの逸話を聞いてあなたから物事を学ぶことを本当に楽しんでいます。 私はあなたのジョーク、特にしゃれを笑うのが好きです。 残念ながら、あなたの聴衆の何人かの人々はあなたのセッションから私ほど多くを得ていません。 彼らはあなたのスライドを見たり、あなたが話しているのを聞いたり、画面上で詳細を理解したりできないかもしれません。

いくつかの調整により、プレゼンテーションがより包括的になります。 ここにいくつかのヒントがありますので、次にステージに立つときは、群衆の誰もがあなたの悪いジョークを笑うことができます。

1.アクセシブルなスライドを作成する

テキストを大きくします。 いいえ、大きいです。

プレゼンテーションルームの後列は、プロジェクターのスクリーンから遠く離れています。 スライドを作成するとき、それはあなたとあなたのラップトップ画面の間の距離よりはるかに遠いです。

後ろの人は、フォントサイズに追加するすべてのピクセルを高く評価します。 視覚障害のある人は、より大きなテキストも高く評価します—彼らはそれを読むことができる可能性が高くなります。

大きくなるか、家に帰ります。 これは、データラベル、グラフの軸と凡例、画像のキャプション、脚注、URL、参照などの「それほど重要ではない」ものも含め、すべてのテキストに当てはまります。

スライドフォントは読みやすいですか？

私はフォントが大好きです。 彼らは本当に話のトーンを設定することができます。 ただし、Google Fontsの最もクレイジーなコーナーに飛び込む前に、読みにくいオーディエンスメンバーのことを考えてください。 手書きフォントやスクリプトフォント、特に文字がリンクしているフォントを使用すると、テキストが読みにくくなります。 大文字を使用すると、アセンダーとディセンダーが削除され、シャウトになるため、スキャン可能性が低下します。

テキストサイズが大きいため、スライド上のフォントを試す余地はWebページよりも多くなりますが、いくつかのベストプラクティスを次に示します。

• サンセリフは通常、最も読みやすいです。
• 間隔（文字、単語、行の間）を惜しみなく使用してください。
• 強調には太字を使用します—下線と斜体は文字の形を変更し、識別しにくくします。
• すべてのキャップではなく、混合ケースを使用してください。

（参照：British Dyslexia Association Style Guide 2018）

グレースケールでは意味がありますか？

スライドの印刷プレビューを白黒で行います。 色がなくてもすべて意味がありますか？ トーク後にスライドを送信すると、カラープリンターにアクセスできない人がいる可能性があります。

あなたの話の誰かが色覚異常である可能性も十分にあります。 ネガティブアイテムに赤いテキストを使用し、ポジティブアイテムに緑のテキストを1つのリストに混ぜて使用した場合、それらを区別できない場合があります。 グラフのデータセットが色のみを使用して区別する場合は、パターンまたはラベルを使用して、各小節、線、または円のセグメントを区別することを検討してください。

ストーリーを伝えるためだけに色に頼らないでください。ラベル、アイコン、またはその他の視覚的なマーカーで色を強調してください。

推奨読書：人前で話すことを始める

それはスライドであり、小説ではありません

新しいスライドが上がるたびに、新しいコンテンツをスキャンしている間、群衆を失います。 スライドがテキストでいっぱいの場合、彼らの注意があなたの言っていることに戻るまでには長い時間がかかります。

注意力が不足している人は、スライドを読むと同時にあなたの言っていることに耳を傾けるのに苦労します。 読むのが難しい聴衆は、先に進む前にテキストの多いスライドを読み終えない可能性があり、画面に集中しているときにあなたが言ったことを気にしないでください。

スライドはスピーカーノートではありません。 プロンプトが必要な場合は、カードを作成するか、スライドプログラムのメモ機能を使用してください。 スライドでは、文章や段落全体ではなく、キーワードと短いフレーズを使用して、話の本質的なアイデアを共有します。 スライドにうまく変換されない詳細の負荷を共有したい場合は、長い形式のコンパニオンピースを作成して参照してください。

アニメーションのスライドトランジション？ 本当に？

私の高校の自己愛のスライドトランジション—ザニエ、より良い。 ほら、私のスライドがプラグホールを渦巻いている！ そよ風の葉のように前後に揺れています！ フェード、スワイプ、シャッター、私はそれですべてでした。

それ以来、スライドのトランジションが過大評価されていることを発見しました。 さらに深刻なことに、彼らは聴衆を気分が悪くなる可能性があります。 スライドトランジションや視差スクロールなどの他のアニメーションは、前庭（内耳）障害のある人に吐き気、頭痛、めまいを引き起こす可能性があります。

彼らが気分が悪いからではなく、あなたのパニージョークであなたの聴衆をうめき声を上げさせてください。

読みやすさはスライドテキストにも当てはまります

あなたがプレゼンテーションをしているなら、あなたはおそらくあなたのトピックについてまともな量を知っています。 専門的な単語やフレーズを使用し、最低限のレベルの聴衆の知識を前提としている可能性があります。

よく知られていると思われる場合でも、専門用語や頭字語の使用には注意してください。 それらを説明し、誰もがそれらを知っていると思い込まないでください。 さらに良いことに、すべてに平易な言葉を使用します。

単純な単語や短いフレーズを「ダミングダウン」と間違えないでください。 スライドは明確で簡潔なアイデアのためのものであり、語彙を誇示するものではありません。 あなたの次のクロスワードパズルのためにあなたの派手な言葉を保存してください。

GIFはいつも面白いとは限らない

アニメーションGIFは、多くのプレゼンテーションで使用されます。通常、キラークイップや大声で笑うパンチラインとして使用されます。 それらは、乾いた技術の話に楽しみを加える簡単な方法ですが、注意して使用してください—そして私はあなたの悪いユーモアのセンスについて話していません。

GIFコンテンツが急速にストロボライトまたは点滅すると、光過敏性てんかんのある人に発作を引き起こす可能性があります。 それが起こった：2016年に、不満を抱いたトランプの支持者は、てんかんを患うニューズウィークの作家に、点滅する画像を故意にツイートすることによって発作を起こさせた。

GIFが画面上でループしている間、私はせいぜいプレゼンターの話を半分聞いています。 それはとても気が散る。 逸話を語っているときに画面にアニメーションがあると、その話を見逃してしまいます。

アニメーションGIFを作成するときに、ループする回数を構成できます。 これは良い妥協案です。聴衆と一緒に楽しんでください。そうすれば、聴衆は気を散らすことなくあなたが言っていることに集中できます。

あなたの色のコントラストはどれくらい良いですか？

Web上のテキストに推奨される色のコントラスト値があります。 視力障害や色覚異常がある場合でも、テキストが確実に表示されるようにすることが目的です。

スライドコンテンツでも色のコントラストが重要です。 おそらく環境をあまり制御できないので、推奨されるコントラスト比を超える色の組み合わせを使用することをお勧めします。 プロジェクターでは、コンピューターのようにはっきりと見えないことを保証します。

カラーパレットを微妙にしないでください。 テキストを背景からはっきりと目立たせるために、太字の色を使用します。 画像の上にテキストを配置する場合は注意が必要です。コントラストが良好であることを確認してください。 カラーコントラストチェッカーを使用して、少なくとも4.5：1の比率を目指します。

（WCAG 2.0 AAのビッグテキストの最小比率が3：1であることについて私を怒らせる前に、私はそれが近くで大きいと思いますが、聴衆の観点からは小さいです。彼らはそれが高すぎると不平を言う可能性は低いですよね？ ？）

• Paciello Groupによるダウンロード可能なカラーコントラストチェッカー（WindowsおよびMac用）
• LeaVerouによるオンラインカラーコントラストチェッカー

事前に設定を知っている場合は、暗い背景の明るい色のテキストは、暗い部屋でより聴衆に優しいです。 白い背景が眩しいことがあります。 あまりにも多くのまぶしさで目がくらんでいるときにサングラスをかけることに頼る人さえいます！

視聴者がフォローできるようにする

スライドを共有する予定がある場合、または補足資料がある場合は、最初のスライドにこれらへのリンクを含め、イントロにその旨を記載してください。 これにより、聴衆は自分のデバイスでプレゼンテーションをフォローしたり、適応させたりすることができます。 視力の弱い人は視覚的なコンテンツにズームインでき、目の見えない聴衆は点字ディスプレイやスクリーンリーダーとイヤフォンをフォローできます。

リンクを短くする

スライドにWebリンクがある場合、それをできるだけ短くする理由は2つあります。

• 読みやすさ：長いURLは複数行に折り返されるため、読みにくくなります。
• 発言力：画面が見えない人のために、URLを声に出して言う必要があります。 長いURLは、特にランダムな文字列が含まれている場合、正しく言うのは非常に困難です。 また、リスナーがリアルタイムで理解して録音することは非常に困難です。

URL短縮サービスを使用して、宛先を指す短いリンクを作成します。 可能であれば、ランダムな文字列ではなく、関連する単語を1つか2つ含むように短いリンクをカスタマイズして、読みやすさを最大化します。

プレゼンテーションにはマルチメディアが含まれていますか？

ビデオおよびオーディオクリップは、リアルタイムでは機能しないイベント、インタビュー、および編集されたコンテンツを提示するための優れた方法です。

ビデオを再生している場合は、画面を見ることができない視聴者のことを考えてください。音声だけで十分に説明できますか？ 目の不自由な人や弱視の人は、純粋にサウンドトラックから、何が起こっているのか、誰が話しているのかを知ることができますか？ コンテキストを追加するには、ビジョンを自分で紹介または要約する必要がある場合があります。

ビデオにオーディオトラックがある場合、または別のサウンドクリップを再生している場合、聴覚障害者または難聴者にとってビジュアルは十分ですか？ 適切なサイズとコントラストのキャプションを提供する必要があります。 オーディオクリップにビジュアルコンポーネントがない場合、オーディオの再生中に同等のテキストまたはグラフィックを表示できます。

スライドの下部にオチを置かないでください

これは、より一般的なユーザビリティのヒントです。 画面の下部が聴衆のかなり上にあることがわかっている場合、または聴衆の座席が階層化されている場合を除いて、スライドテキストを下揃えにしないでください。 プロジェクタースクリーンの下部が観客の頭の高さ以下で、床が平らな場合、最初の数列を超えて座っている人は、スライドの下部に書いたものを見ることができない可能性があります。

推奨読書：次の会議の持ち帰りを実際の結果に変換する方法

2.ヒントの提示

明確な始まり、中間、そして終わりを持っている

大きな発表に向けて話を構成したくなるかもしれません。 これは関心を高めるための優れたデバイスですが、注意欠陥障害を持つ人々を失うリスクがあります。 より一般的には、時間がなくなった場合は、急いで、または最後の壮大な繁栄を短くする必要があります！

事前に期待を設定します。 簡単な「今日はカバーします…」というステートメントから始めます。 ゲーム全体を手放す必要はありません。アウトラインで群衆を魅了するだけです。 その後、彼らはあなたの話に集中するために彼らの頭脳の力をコミットしたいかどうかを決めることができます。 聴衆に、彼らが望むなら彼らが行っても大丈夫であることを知らせてください。

誰かが滞在しないことを選択した場合でも、気分を害しないでください。 毎日集中的に考える能力が限られている可能性があるため、連続したプレゼンテーションや大音量の​​ブレイクアウトスペースの会議は困難です。 彼らは彼らにとって最も有用なものを選んで選ばなければなりません。 うまくいけば、後で共有されれば、彼らはあなたの話に戻ってくるでしょう。

聴衆にあなたのスライドを読む時間を与えてください

複数のデータセットを持つグラフのような複雑なコンテンツは、読んで理解するのに時間がかかります。 スライドがテキストのスラブである場合、それを要約して読み終え​​る前に次のトピックにスキップすると、聴衆はイライラします。

コンテンツの量と複雑さに基づいて、聴衆が各スライドを読んで理解するのに必要な時間を考慮してください。 覚えておいてください、彼らはそれを初めて見ました、そして彼らはあなたほどトピックについてあまり知りません。 複雑なスライドが完全に読めるように画面に表示されるように、会話を構成します。

あなたはそれらのスライドに一生懸命取り組んだ、もしそれらが評価されなかったらそれは残念だろう！

キャプションと外国語翻訳を提供する

手話通訳やライブキャプションを提供するイベントに参加して、話者の発言をリアルタイムで翻訳または転写しました。 聴覚障害者や難聴者にとって非常に貴重です。 国際的なイベントでも外国語の翻訳が提供される場合があります。

これらのサービスを提供するイベントに出席する場合は、事前にスライドまたは講演者のメモを通訳者とキャプション担当者に送信してください。 その後、彼らはその日の前に、なじみのない用語を調査して実践することができます。

多くのイベントでは、キャプションや翻訳が提供されていません。 それらはほとんどの会議の予算を超えており、専門的で労働集約的です。 この場合、独自のキャプションを提供できる可能性があります。

MS PowerPointには、リアルタイムのキャプションと外国語の翻訳を追加するための無料のPresentationTranslatorプラグインがあります。 昨年、A11y CampSydneyでデモを見ました。

＃A11yCampSydでの@mastersofdavidによるトランスクリプトとしての@MicrosoftTranslateのライブデモpic.twitter.com/DW3K4J7wfH

— Allison Ravenhall（@RavenAlly）2017年9月13日

Googleは最近、スライド製品にもリアルタイムのキャプションを追加しました。

あなたの言語に注意してください

あなたの言葉の選択はあなたの聴衆の一部を怒らせたり排除したりするかもしれません、そしてあなたはあなたがそれをしていることさえ知らないかもしれません。

テクノロジーで働くすべての人が「男」というわけではありません。 スピーカーが「みんなに話しかけた」と言うと、男性のグループを想像します。 彼らが「私はそれについて開発者に話しました」と言ったとしたら、私の想像上のグループには女性も含まれています。

障害者差別的な言葉もあります。 遅滞、狂気、足の不自由、狂気などの言葉を誤って使用することは、精神的および身体的障害のある人に低下します。 通常のユーザーとは何ですか？ 性別、性的指向、人種、家族単位、技術的知識、身体的または精神的能力、または教育レベルについて仮定していますか？

次に、注意を引くため、またはスパイスを加えるために一般的に使用される罵倒があります。 この武器の配備には注意してください。 部屋を誤って判断した場合、人々をオフサイドにする可能性があります。 あなたが旅行しているなら、あなたが家で使うそのかなり飼いならされた呪いの言葉は他の場所でひどく不快になるかもしれません。

ストーリーは普遍的ではありません

A11y Bytes 2017で色のコントラストについて話し合ったとき、明るい日光の下で携帯電話の画面が見えないことについてうめき声を上げました。 話をしようとして、私は「私たちは皆そこにいましたよね？」と尋ねました。そして、いくつかのうなずきと笑顔を期待していました。

レトルトは非常に高速でした。「問題があるとは言えません！」 目の見えない女性にやじられたばかりだと気づいたとき、群衆の中を笑いが波打った。 彼女は私の急いで謝罪を丁寧に笑いました。

私はまだ日光の話をしていますが、今では誰もが直接それに関係することができるわけではないことを心に留めています。 私の過ちから学びなさい、あなたの聴衆があなたと同じ能力と経験を持っていると思い込まないでください。

興味とポップカルチャーの参照も普遍的ではありません

私の最近のプレゼンテーションは、モーションベースの入力に代わるものを提供する必要性を含め、WCAG2.1に関するものでした。 例として、3つのNintendoSwitchゲームを使用します。

聴衆がスイッチを使用したとは思いません。 新しい成功基準との関係に移る前に、各ゲームの前提とそれが使用するモーション入力について簡単に説明します。 これは、スイッチへの私の関心を共有していない人々への礼儀です。

同様に、スターウォーズをテーマにしたアクセシビリティの話をしたいのと同じように、聴衆に知らせることよりも自分の娯楽を優先するので、そうはしません。 私がトレッキーでもフーヴィアンでもないのと同じように、スターウォーズに興味がない人もいます。 彼らがテーマ別のトークタイトルを見て私のセッションを完全にスキップした場合、彼らが私の希薄なスターウォーズの協会を翻訳できないため、またはさらに悪いことに、彼らが私を誤解するのは残念です。

ぜひ、ポップカルチャーのリファレンスを1つか2つ含めて楽しんでください。ただし、それを中心に話全体を構成しないでください。 その映画を見たり、そのバンドを聞いたり、その本を読んだり、そのミームを見たりしたことがない人のためにそれを機能させてください。

写真は千の（話された）言葉の価値があります

写真、グラフィック、描画はすべて、スライドに興味をそそります。 作成したWebサイトのスクリーンショット、または話している人や場所の写真がある場合があります。

スライド画像がストーリーの一部である場合は、それを見ることができない聴衆のために写真を説明することを忘れないでください。 誰かがそこを見ることができないかもしれないので、「あなたがここで見ることができるように…」と言わないようにしてください。

ギャグをすばやく再ハッシュするのが面倒だと思うなら、突然みんなが笑い、理由がわからない人でいっぱいの部屋にいるとしたら、どれほどぎこちなく感じるか考えてみてください。

スローダウン、呼吸。

あなたは緊張しています。 あなたはこれまでに発表したことがありません。 制限時間と共有することがたくさんあります。 あなたは練習していません。 あなたの両親、友人、子供、同僚、業界のアイドル、そしてマネージャーはすべて部屋にいます。

理由が何であれ、あなたがプレゼンテーションをするとき、あなたはおそらくいつもより速く話します。 これは、特にあなたの話に技術的な話が含まれている場合、通訳者とキャプション作成者に圧力をかけます。 あなたの聴衆も追いつくのに苦労するかもしれません。 メモを取る人はラップトップを無駄につぶし、ライブツイーターの親指はけいれんし、スケッチノートは半分描かれた落書きの痕跡を残します。 海外からの訪問者はあなたのアクセントを理解するのに迷うかもしれません。 認知的には、誰もが追いつくために猛烈に考えています、そしてそれは大変な仕事です！

練習。 徐行。 誰もあなたと同じようにあなたのものを知りません。 他のみんなにそれを取り入れるための時間を与えてください。

行動規範とあなたの聴衆を尊重する

行動規範は、UX Gatheringsによるこのイベントなど、ほとんどの人前で話すイベントで見られます。 彼らは、講演者と出席者の最低行動基準を設定しました。

あなたが参加するすべてのイベントの行動規範を読んでください—それらは大きく異なる可能性があります。 立ち入り禁止区域を知っていて、そこに行かないでください。

一部の聴衆を混乱させる可能性のあるデリケートなトピックについて話している場合は、十分な通知を行って、聴衆が議論の準備をしたり、議論から離れたりできるようにします。 可能であれば、イベントプログラムのメモ。 リードスライドでの言及、および冒頭の発言中。 必要に応じて、サポートサービスの連絡先の詳細を含めます。

コードのデモンストレーションにもアクセスできるようにする

ライブコードデモンストレーションの技術をマスターした場合は、よくできています。 明確な解説を提供しながらも機能する意味のあるものを披露できるプレゼンターはほとんどいません。

コードデモを次のレベルに引き上げる方法を知っていますか？ フォントサイズを大きくします。 通常のコードエディタのフォントサイズは、机に座っているときは完璧ですが、プレゼンテーションの後列に座っている人には十分な大きさではありません。

エディターの色設定も確認してください。 真っ白な背景は、暗い部屋では驚くほど明るいかもしれません。 エディターのテキストの色にもコントラストが良いことを確認してください。

マイクを落とさないでください

マイクがあれば、狭いスペースでも使用してください。

多くの公共の会議スペースには、AVシステムに接続された音声誘導（聴覚）ループがあります。 ループは、AV出力を補聴器と人工内耳に直接送信します。 難聴者は、バックグラウンドノイズなしでターゲットオーディオを受信します。

推奨読書： Web会議の経験を最大限に活用する

3.プレゼンテーション後

おめでとう！ あなたはあなたの話をしました。 このことをうまくまとめるには、あと2、3のことがあります。

アクセス可能なスライドを配布する

講演が終わった後、多くのプレゼンターがスライドを公開します。 これがあなたなら、それらにアクセスできるようにしてください！ 正しいセマンティクス、意味のある読み取り順序、画像のALTテキスト、十分な色のコントラスト、ビデオキャプション、制限されたアニメーションループ、合理的なスライドトランジション、すべての優れた機能。

ギャップをメモ、トランスクリプト、または記事で埋める

あなたの話を聞くのにより多くの時間を必要とし、あなたのスライドにあるものよりも詳細を必要とする人々を助けてください。 スピーカーノートまたはトピックをカバーするコンパニオンピースを公開します。 イベントが録画されている場合は、主催者にキャプションまたはトランスクリプトを含めるように依頼します（ただし、YouTubeの自動キャプションに依存しないでください）。

結論

これらのヒントを適用すると、視聴者全体に大きな違いが生まれます。 スライドのコンテンツ、デザイン、および提示方法はすべて、群衆がメッセージをどの程度うまく受け取るかに影響を与える可能性があります。 これは、身体的および認知的状態のある人に特に当てはまります。

表示内容とスクリプトに微妙な変更を加えることで、障害を持つ参加者だけでなく、すべての参加者がハードワークを最大限に活用できるようになります。