アクセシビリティ Web担当者向けアクセシビリティ基本

Webサイトで情報を提供するうえで、最も考慮すべき品質であるアクセシビリティとはどういう品質のことなのか。このチャプターでは、言葉の定義を解説し、アクセシビリティがなぜ必要なのかを大枠として理解していただけます。Webサイトを利用しているユーザーは様々であり、利用環境も様々であることを想像することで、Webサイトにおけるアクセシビリティの重要性を認識いただき、アクセシビリティ向上施策の第一歩を踏み出してください。

Webアクセシビリティが求められる背景とは何でしょうか。Part 1、Part 2に分けて解説します。

Part 1に引き続き、Webアクセシビリティが求められる背景を解説していきます。Part 1をご視聴でない方は、Part 1のご視聴をおすすめします。

アクセシビリティの取り組みでよくある誤解の1つに、「アクセシビリティ対応は障害者対応である。」というものがあります。アクセシビリティ品質を確保することは障害者だけでなくすべてのユーザーに価値があることを解説していきます。

Webアクセシビリティ品質を確保することで、冴えないデザインになるのではないか。という誤解を良く耳にします。アクセシビリティがクリエイティブにとってプラスの要素であることを解説します。

Webアクセシビリティガイドラインにはどのような種類のものがあり、また、どのような目的で作成されたのでしょうか。このチャプターでは、Webアクセシビリティガイドライン概説として、ガイドラインが作成された目的やガイドラインの種類を紐解いていきます。

Alt Attribute Viewerは、代替テキストの問題をチェックする無料のツールになります。Chromeの拡張機能として提供されており、Chromeをお使いであればワンクリックでチェックが可能になります。

カラー・コントラスト・アナライザーは、Webアクセシビリティガイドラインの基準を満たしているかどうかをチェックできる無料のツールになります。直観的な操作でチェックが可能で、基準を満たしているかどうかの結果についても一目見て判断できるようになっています。

このチャプターでは、Chromeの拡張機能として提供されている無料のチェックツール「axe DevTools」を紹介します。Webアクセシビリティの問題を幅広く検出でき、発生している問題の箇所をハイライトするなど使い勝手の良いツールです。

現在利用されている主要なスクリーンリーダーについて、Part 1、Part 2の2本の動画に分けてご紹介します。Part 1では、スクリーンリーダーの概要と、パソコンで利用できる以下4種類のスクリーンリーダーの特徴をご紹介します。

• PC-Talker
• JAWS
• NVDA
• ナレーター

スクリーンリーダーは、パソコンだけでなく、iOSやAndroidといったスマートフォン・タブレット端末で利用することもできます。
この動画では、スマートフォンで利用できる以下2種類のスクリーンリーダーの特徴をご紹介します。

• VoiceOver
• TalkBack

Webアクセシビリティ品質を改善・向上させることで、どのようなメリットがあるのでしょうか。このチャプターでは、Webサイトの運営者が得られるメリットとして、ブランディングの一環として取り込める点などを解説します。

米国ではWebアクセシビリティに関連した訴訟の件数が年々増加しています。Webアクセシビリティに関連した訴訟とは、どのような場合にWebアクセシビリティの問題が問われるのかを解説します。

Webアクセシビリティと聞くと、多くの人が知っている代替テキストですが、実際にどのような代替テキストが適切なのか、その考え方を知らない人は少なくありません。代替テキストの概説として、基礎的な考え方を解説します。

W3CのWAI（Web Accessibility Initiative）が公開しているAn alt Decision Treeに基づいて、適切な代替テキストの作り方を解説していきます。Part 1では、4つある質問のうち前半の2つ目までを解説します。

W3CのWAI（Web Accessibility Initiative）が公開しているAn alt Decision Treeに基づいて、適切な代替テキストの作り方を解説していきます。Part 2では、4つある質問のうち後半の2つを解説します。