コンテンツ制作者向けアクセシビリティ
アクセシビリティガイドライン
すべての人がCOLTのコンテンツにアクセスできるようにすること
公開されたコンテンツ、電子メール、およびダウンロード可能な文書がスタッフや顧客にできる限りアクセスしやすくなるようにするために、以下のガイドにはコンテンツ作成の最良の方法と、PDFやデータシートなどの形式を可能な限りアクセスしやすくする方法に関する情報が含まれています。
ウェブページ、電子メール、またはダウンロード可能な文書として公開されるすべてのコンテンツに対して、Coltのブランドガイドラインに忠実であることが重要です。タイポグラフィと色の使用に関するアクセシビリティガイダンスに従い、これらのガイドラインを包括的に実装するようにしてください、そして 代替テキストの書き方は、Coltのロゴ、ストリームグラフィック、アイコンの使用に関するセクションを含んでいます。
ダウンロード可能なガイド
1. アクセシビリティのための文章作成
アクセシビリティは、文章作成におけるベストプラクティスによって向上させることができます。重要な領域の一つは、Coltの画像に対する代替として何を書いているかです。
Coltの「代替テキストの書き方」ガイドは、ベストプラクティスが何であるか、そしてそれがどれほど簡単に行えるかを説明しています。
他の実践も包摂的なユーザー体験に非常に良い影響を与えることがあり、以下のMicrosoftによる短いトレーニング動画は、コンテンツや文書の作成に関わる誰にとっても、出力を可能な限り包括的にするのに役立ちます。
明確で簡潔なテキストの使用 https://www.youtube.com/watch?v=8GjR6ahKxKA
情報を伝える意味論的なタイトルと見出し https://www.youtube.com/watch?v=ayYfHGYRuGA
文書のテスト
アクセシブルな文書を作成したことを確認するために、組み合わせて使用すべき2つのアプローチがあります。1つ目は、 Microsoft アクセシビリティチェッカーで、これはWord、Excel、PowerPointの問題を見つけるのに役立ちます。
テキストと色の組み合わせのアクセシビリティをチェックするには、ツールメニューにあるMicrosoftアクセシビリティチェッカーを使用してください。
アクセシビリティチェッカーは、色のコントラストを含む潜在的なアクセシビリティの問題を指摘します。これらが継続して発生しないようにする良い方法は、「作業中にアクセシビリティチェッカーを実行し続ける」のチェックボックスをオンにすることです。
コンテンツにチャート、地図、グラフ（または色の識別が主要な理解要素であるもの）が含まれる場合、色覚異常に配慮した色を使用するか、さらに良いことにモノクロでも内容が理解できるようにしてください。
色覚異常の体験をシミュレートするために、以下の無料のスマートフォンアプリのいずれかを使用できます。画面や印刷された文書に向けて、特にインフォグラフィックで提示されている情報がまだ理解できるかどうかを確認してください。
2. 文書内の画像の代替テキスト
画像は代替テキストの提供によってアクセス可能にすることができ、これはしばしば「Altテキスト」や「画像の説明」と呼ばれます。
これらの説明はコンテンツ作成者、またはページ上で画像を選んだ人が追加すべきであり、Altテキストは単純な目的のルールに従うべきです。
画像の代替テキストは、画像が使われている目的を伝えるべきです。
地図や棒グラフのような一部の画像では、画像が伝えるすべてを記述するのは情報過多になることがあるため、説明は要約、例えばグラフが示す主なポイントのようにするべきです。残りの情報はページの本文でも伝えられるべきです。例えば、特定の経路を伝える地図の場合、画像を見られない人の視点からの詳細な案内をページに含めるべきです。
アイコンやロゴのようなグラフィックはより機能的であり、説明は機能に焦点を当てるべきです。アイコンの説明はアイコンが何を表しているかを伝えるだけにし、ロゴはロゴの名前だけを記述してください。「画像…」「写真…」「…ロゴ」のような言葉は余分であり避けるべきです。
文書に説明を追加するには、画像を右クリックしてオプションから「代替テキストの表示」を選択します。
COLT ストリームグラフィック
Coltのストリームグラフィックのような抽象的なグラフィックやテクスチャは、美観やブランドアイデンティティの目的で配置されます。これらはナビゲーションに不可欠でないか、主要なコンテンツとは見なされるため、代替は必要ありません。オプションがある場合は、単に「装飾的（Decorative）」としてマークしてください。
良い説明の書き方
画像を選んだ後、説明に何を含めるべきかを判断するのに役立つ次の質問を自問してください：
それは空白の説明が必要な美的グラフィックですか？ 「装飾的」とマークする
画像に有用なテキスト情報が含まれていますか？ 含まれているなら、そのテキストを説明に含める
画像は感情を伝えていますか？ 感情が明白または関連している場合、代替から省略すべきではない
画像は複数の要点を持つ複雑なグラフィックですか？ その場合、グラフィック内のすべての情報が文書の本文にも含まれていることを確認する
画像は物語を語っていますか？ 代替を聞いてそれが同じ物語を語っているか判断する
画像に識別可能な人物、場所、物が含まれていますか？ 関連する場合は名前や場所を含める
画像は製品やサービスの識別のためにあるのですか？ 関連するColtの製品名やサービス名がすべて含まれていることを確認する
画像はロゴですか？ その場合は製品名やブランド名のみを書く
画像は結果を伝えたり重要な点を示すグラフィックですか？ グラフィックを描写するのではなく、グラフィックが示す要点を述べる
3. 色について
すべてのブランドシステムはアクセス可能にすることができますが、それはシステム自体だけでなく、そのルールがどのように実装されるかにも依存します。以下のガイダンスは、Coltブランドの色がどれだけ包括的になり得るかを最大化するのに役立ちます。
COLTのブランドカラー
Coltのブランディングシステムは市場で視覚的に印象的で独自であり、Coltのコンテンツが簡単に識別可能になるため、認知的包摂の優れた出発点となります。
色はColtブランドの基本的な要素であり、色の知覚は人によってわずかに（時には大きく）異なって知覚されます。ただし、多くの人がある色相をまったく区別できないことを忘れてはなりません。 男性のおよそ18人に1人、女性では200人に1人が色の知覚に重大な問題を抱えています。.
コンテンツデザインが正確な色の知覚に依存しないようにすることは、Coltのカラー配色の使用方法によって誰も排除されないことを意味します。ただし、慎重な色の使用は アクセシビリティを 一部のユーザーに対して高め、多くの人にとっての使いやすさを向上させることができます。したがって、色に基づく意味を避けるのではなく、色が視覚的な手がかりとして使われる場合は、非色ベースの代替の視覚的手がかりも提供されていることを確認してください。これはデザインやエンジニアリングではしばしば「冗長性".
色色覚異常とは何ですか？
赤緑色覚異常（4つの異なるタイプとさまざまな程度が存在します）は、いわゆる色覚異常の中で最も一般的な形です。 色覚異常.
青黄の色覚異常はずっと一般的ではなく、単色（モノクロ）色盲はさらに稀です。また、 共感覚（シナスタジア）, 緑内障, アーリーン症候群（Irlen症候群） および一部の人々では 発達障害（ASC） のような状態も色の処理に問題を生じさせることがあります。
ご自身が色覚異常でない場合でも、スマートフォンの色覚シミュレーターアプリを使ってウェブページや文書をテストできます。ダウンロード方法の詳細は上のセクションを参照してください。
Coltのブランドカラーの使用 - コントラスト
テキストを読むにはテキストを視認できることが明らかに必要です。これはフォームやアイコン、図、グラフのような他の視覚要素にも当てはまります。これらを不十分なコントラストで表示すると、視力に障害のある人々にとってアクセス不可能になる可能性があります。コントラスト比は1:1（色の差がない）から21:1（可能な限り最大のコントラスト）まであります。
その WCAGはテキストが読みやすいと見なされるためにどれだけのコントラストが必要かを正確に定義しています。 テキストが読者にとってアクセス可能と見なされるために必要なコントラスト量です。
小さいテキストはコントラスト比が4.5:1以上、大きいテキストは3:1以上であるべきです。注：テキストが「大きい」と分類されるのは、ボールドでない場合は18pt（または24px）、ボールドの場合は14pt（19px）のサイズです。
Coltの色の使用
Coltのブランディングシステムにはテキストや背景に使用される幅広い色があり、これらはアクセスしやすさに差があります。以下の例の色の組み合わせは、テキストができるだけ読みやすくなることを保証します。
Colt ティール（代替）
#18A08D
白背景上でリンクや見出しテキストとして使用するための色。
Colt ダスク（代替）
#107C74
あらゆる用途で十分に高いコントラストです。
Colt ブルー
#0099FF
テキスト色として、または白いテキストと組み合わせた背景色として使用できますが、見出しにのみ使用してください。
Colt パープル
#50009B
あらゆる用途で十分に高いコントラストです。
Coltダスク
#00A59B
テキスト色として、または白いテキストと組み合わせた背景色として使用でき、見出しにのみ使用してください。
Coltブラック
#000000
あらゆる用途で十分に高いコントラストです。
Coltイエロー
#FFC43D
黒いテキストと組み合わせた背景色として使用できます。
Colt ピンク
#EF476F
白いテキストと組み合わせた背景色として使用できますが、見出しにのみ使用してください。
Coltアッシュ
#F5F5F5
黒、チャコール、または紫のテキストに対して背景色として問題ありません。
Colt ティールは白背景に対して本文、見出し、グラフィカルテキストとしての使用で検査に不合格になることに注意してください。現在の形では、ロゴやストリームグラフィック以外の用途には推奨されません。調整すればインフォグラフィックのグラフィカル要素や見出しに使用できる可能性がありますが、その許容範囲を検討してどの程度変更が必要かを確認する必要があります。サブ見出し、本文、グラフィック内のラベリング、リンクテキストとしての使用は推奨されません。
4. アクセシブルなデータシートの作成
より多くの顧客がColtのデータシートにアクセスできるようにするために、以下のガイダンスはColtのブランディングシステムと文書設計におけるベストアクセシビリティ実践を活用しています。
より多くの顧客がColtのデータシートにアクセスできるようにするために、以下のガイダンスはColtのブランディングシステムと文書設計におけるベストアクセシビリティ実践を活用しています。
PDFはInDesign、Acrobat、またはWordを使って作成できます。最もアクセスしやすい方法はWordで作成してからPDFとしてエクスポートすることですが、基本的な手法はどの方法でも同じです。
AdobeとMicrosoftの両方がアクセシビリティチェッカーを提供しており、それらの使用に関するガイダンスはこの文書の最後にあります。適用すれば情報をアクセス可能にするための4つの主要な考慮点は、ブランディング、構造、画像、メタデータです。
これらはまた、以下のダウンロード可能なガイドで扱われているアクセス可能な文書を出力するためのベストプラクティスに従う必要があります：
InDesignを使用してアクセス可能な文書を作成するプロジェクトについては、 Adobe InDesign アクセシビリティ ガイドライン が役立ちますが、アクセス可能な文書を提供する最も成功した方法はWordまたはAcrobatのいずれかです。
Wordを使用してPDFを作成している場合、このガイドは Wordファイルをエクスポートする際に アクセシビリティ機能を失うことなく行うことを確実にします。
注：これですべてをチェックできるわけではありません。例えば代替テキストがないことを指摘できますが、それが必要かどうかや何であるべきかを判定することはできません。
5. アクセシブルなフォームの作成（WordまたはExcel内） オフラインフォームは問題が起きやすく、フォームにとって最もアクセスしやすいフォーマットはHTMLです。 フォームの相互作用に関するガイダンスは Coltアクセシビリティガイドライン.
にあり、フォームコンポーネントと検証に関するさらなるベストプラクティスはColtの
コンポーネントアクセシビリティガイドライン
で見つけることができます。
最もユーザーフレンドリーなダウンロード可能なフォームは記入可能なPDFです。これらはHTMLフォームほど使いやすくはありませんが、HTMLが選択肢でない場合の唯一の代替となり得ます。これらを作成する最良の方法はMS WordとAdobe Acrobatの組み合わせです。 フォームはExcelでも作成でき、これらは以下のExcelアクセシビリティベストプラクティスに従うべきです。 アクセス可能なWord文書の作成
一般的なWord文書に関するアドバイスや、Word文書にフォームを挿入する方法を探している場合は、Microsoftの
「ファイル」タブの下で、オプション -> リボンのユーザー設定へ進む
「リボンのユーザー設定」の下の「メインタブ」で「開発」のチェックボックスを選択する
日付ピッカー用のタイトルを書きます。これはスクリーンリーダーによって読み上げられるため、選択された日付が何に関連しているかをユーザーに説明し、これがこの要素に対して具体的かつ固有であることを確認してください。
日付のスタイル、カレンダー、および位置を選択します。
アクセシブルな Excel フォーム
Excel でフォームを作成する前に、以下を使用していることを確認してください、 Excel スプレッドシート アクセシビリティ テンプレート, および作成に関するベストプラクティスに従ってください、 アクセシブルな Excel シート.
6. アクセシブルなプロセス文書の作成
フローチャートは視覚的に複雑なプロセスを読者に案内します。これらの視覚要素は、複雑な問題についてより良い判断を下すのに役立ち、フローチャートは貴重なコミュニケーション ツールとなります。
しかし、他の画像と同様に、テキストによる説明やテキストの同等物がなければ、これらの複雑な画像は視覚障害者や盲目の人にとって完全にアクセス不能になります。加えて、プロセスを視覚的表現ではなくテキストで読みたい人や、理解のためにテキストと視覚の両方を必要とする人もいます。
プロセスの説明をすべての人にとってよりアクセスしやすくするために、次の考慮事項が必要です。
7. タイポグラフィ
Colt ブランドには、デジタルおよび文書での使用が推奨される一連のフォントが含まれます。ブランド システムの中心にはフォントがあり、Colt はデジタル フォントとして Arial を選択しています。Arial は可読性と判読性の点で比較的優れており、プラットフォーム間で広くサポートされています。
以上の理由から、すべてのウェブページ、アプリ、ドキュメントで Arial を使用することが重要です。可読性の問題から、Arial Narrow や Arial Black の使用は避けてください。 Novelty フォントのような Comic Sans、Open Dyslexic、Bionic Reading は完全に避けるべきです.
これらがドキュメントをよりアクセシブルにするという誤解が広まっていますが、研究ではその逆が示されています。 フォントのアクセシビリティに関する詳細.
8. ビデオ
ビデオ コンテンツは、多くのユーザーにとって問題となり得ます。特に音声を聞けない・聞き取りにくい場合や映像が見えない場合です。聴覚や視覚に障害のある人々の多くの問題は台本や撮影に起因し、ポストプロダクションで解決できないことがあるため、プロジェクトの開始時に以下のベストプラクティスを確認することが非常に重要です。
視覚障害を持つユーザーへの支援
ビデオは単に画像、音楽、テキストを混ぜただけのものではいけません。このようなスタイルのビデオは多くの視覚障害者を排除します。すべてのキャプションは読み上げられるべきです。
ビデオ内で場所、イベント、人物が識別可能で、かつメッセージの理解に重要な場合は、台本でそれらが識別されていることを確認してください。これはスピーカーが自己紹介するような簡単な形でも構いません。
グラフィック キャプションで話者が識別されている場合は、可能な限り最初の登場時または最初の機会に口頭で名前を伝えるべきです。また、話者の肩書きや役割は名前と同様に重要であり、資格や信頼性を示すことを忘れないでください。
グラフィックとして画面に表示される情報は、台本でも主要なメッセージが伝えられる必要があります。これは特にグラフやチャート、URL、連絡先情報、製品やサービスの詳細に重要です。
地図、グラフ、説明図、技術図のような場合、限られた時間内で十分に伝えることが難しい情報が多く含まれることがあります。そのような場合は、プレゼンターによるグラフィックが示している内容や証明することの要約があれば十分です。
視覚アクセシビリティのテスト
台本をその内容に馴染みのない人に読んでもらい、同時に目を閉じてもらって音声に集中できるか確認してください。
同じことを最終編集版でも繰り返し、音声のみを馴染みのない人に聞かせてください。いずれの場合も内容が完全に理解できることが必要です。
聴覚障害を持つユーザーへの支援
多くの聴覚障害者にとってリップリーディングは基本的な手段なので、口元が見えない場合、クローズドキャプション（字幕）は音声への二次的アクセス手段となります。スピーカーがカメラに向かって話すショットを構図する際、キャプションがオンのときでも口元が隠れないように注意してください。 YouTube でキャプションの位置を変更する方法。
音楽が音声の可聴性を妨げないよう、発話中は音楽をカットするかフェードアウトしてください。これが不可能な場合は、背景音楽を適切に低いレベルにして発話を明瞭に聞こえるようにしてください。
音楽を選ぶ際は、発話トラックを妨げる短いピークが多いようなダイナミックすぎる曲を避けてください。
すべての発話に対してクローズドキャプションを提供する必要があります。キャプションは逐語的で、平均的な読書速度（分あたり 240 語）に対応するようにしてください。ポーズや間がある場合は、読みやすいように十分な表示時間を確保してください。
クローズドキャプションの表示方法にはいくつかの音声ニュアンスを含めることができます。これらが含まれていることを確認するには、クローズドキャプションのチートシートを参照してください。
口元だけでなく、画面上のグラフィックがオープン キャプションによって隠されないようにしてください。これらのグラフィックには重要な情報が含まれる場合があります。
時間や金額を含む数値を伝える場合は、確立された慣例に従ってください。
クローズドキャプション（字幕）に関する詳細情報
ビデオのオーディオアクセシビリティのテスト
携帯電話の非常に基本的なスピーカーで再生して、音楽が音声をかき消していないことを確認してください。
ビデオを知らない人に音をオフにして視聴してもらってください。何が起きているか、主要なポイントを理解して伝えられましたか？
ダウンロード
最終更新
役に立ちましたか？