W3CとAAアクセシビリティ基準

はじめに

今日は、すべてのウェブデザインで真剣に受け止めるべきテーマをお届けします。どんな障害や状態にあっても、誰もがウェブサイトを訪れる機会を持つべきだからです。今日はアクセシビリティについて、そしてウェブやアプリのデザインをどう改善するかについてお話しします。道のりがそれほど険しくならないよう、ちょっとしたコツやツールもいくつか紹介します。

AAとAAAのアクセシビリティ基準とは？

AAおよびAAAのアクセシビリティ基準は、能力や障害の有無にかかわらず、すべての人にとってウェブサイトをより使いやすく快適にするためのガイドラインと推奨事項です。これらの基準は、インターネットの品質と安全性の向上に取り組む国際的な組織であるW3C（World Wide Web Consortium）によって公開されました。

AAとAAAのアクセシビリティ基準の主な違いは、ガイドラインの要求水準と詳細さにあります。AAのアクセシビリティ基準はウェブサイトの最低限のアクセシビリティ水準を定めており、AAAのアクセシビリティ基準よりも広範で要求が緩やかだと考えられています。

AAのアクセシビリティにおける主なガイドラインには、次のようなものがあります。

わかりやすくシンプルな言葉を使い、動画や音声に字幕を付けることで、ウェブサイトのコンテンツを読みやすく理解しやすくすること。
視覚に障害のある人のために、画像や動画の説明など、視覚的コンテンツの代替手段を提供すること。
運動障害のある人や、支援機器を使ってウェブを閲覧する人のために、使いやすいナビゲーションとメニューを提供すること。
運動障害のある人や、支援機器を使ってウェブとやりとりする人のために、ウェブサイトのフォームやボタンを使いやすくすること。
聴覚や視覚に障害のある人のために、動画やプレゼンテーションなどのマルチメディアコンテンツに音声またはテキストのオプションを提供すること。

一方、AAAのアクセシビリティにおける主なガイドラインには、次のようなものがあります。

読解力や理解度にかかわらず、すべての人にとって読みやすく理解しやすいコンテンツを提供すること。
視覚に障害のある人のために、画像や動画の説明など、より詳細で完全な視覚的コンテンツの代替手段を提供すること。
能力や障害の程度にかかわらず、すべての人にとって使いやすいナビゲーションとメニューを提供すること。
能力や障害の程度にかかわらず、すべての人にとってウェブサイトのフォームやボタンを使いやすくすること。
聴覚や視覚に障害のある人のために、動画やプレゼンテーションなどのマルチメディアコンテンツに、より充実した詳細な音声またはテキストのオプションを提供すること。
モバイル端末やデスクトップアプリケーションなど、さまざまなデバイスやプラットフォームを通じて利用できるコンテンツと機能を提供すること。
特別なプラグインや拡張機能を必要とする技術など、一部の人にとって使いにくかったり利用できなかったりする技術の使用を避けること。

ウェブサイトをよりアクセシブルにするには？

ウェブプロジェクトのスタイルシートを作成する際、AAのアクセシビリティ基準を満たすために従えるルールがいくつかあります。

読みやすい文字サイズを使う：特に視覚に障害のある人や支援機器を使ってウェブを閲覧する人が簡単に読めるよう、ウェブサイトの文字サイズを十分に大きくしてください。
適切なコントラストの色を使う：特に視覚に障害のある人や支援機器を使ってウェブを閲覧する人がコンテンツを簡単に読めるよう、ウェブサイトの文字色と背景色に十分なコントラストがあることを確認してください。次のようなオンラインツールを使えます： WebAIM o こちらのツール色のコントラストを確認するために。
適切な見出しタグを使う：見出しタグ（H1、H2など）を使ってウェブサイトのタイトルやサブタイトルを階層的に示します。これにより、視覚に障害のある人や支援機器を使ってウェブを閲覧する人が、コンテンツの構造を理解しやすくなります。
視覚的コンテンツの代替手段を提供する：視覚に障害のある人や支援機器を使ってウェブを閲覧する人のために、画像や動画などの視覚的コンテンツに対して、テキストによる説明や文字起こしなどの代替手段を必ず提供してください。
適切なタイトルタグを使う：ウェブサイトのページや要素に適切なタイトルを必ず付けます。これにより、視覚に障害のある人や支援機器を使ってウェブを閲覧する人が、サイトのコンテンツと構造を理解しやすくなります。
マルチメディアコンテンツに音声またはテキストのオプションを提供する：動画やプレゼンテーションなどのマルチメディアコンテンツに音声またはテキストのオプションを必ず提供し、聴覚や視覚に障害のある人がウェブサイトのコンテンツにアクセスできるようにしてください。

ウェブサイトに特定の見た目を持たせたい場合は、これらのポイントの一部を考慮せずに自分の好みで作ることもできますが、その場合は、サイトの設定をアクセシブルなバージョンに切り替えるためのアクセシブルなボタンを実装してください。たとえば、メニューにボタンを用意して、サイトをアクセシブルなスタイルのバージョンで有効にできるようにします。訪れるすべての人がサイトを楽しめるよう、できる限りのことをするのがよいと思いませんか。

アクセシビリティを測る他の方法

W3Cが定めたものに加えて、アクセシビリティの問題を探る他の方法もあります

スペイン政府はすでに、公共のサイトやアプリケーションに関する推奨事項と義務を次の法令で定めています：公共部門のウェブサイトおよびモバイルアプリケーションのアクセシビリティに関する2018年9月7日付王令第1112/2018号。

また一方で、Jakob Nielsenのような専門家は、使いやすくアクセシブルなウェブサイトのあるべき姿について、独自の原則を定めています。

Jakob Nielsenの10のユーザビリティ・ヒューリスティクス

Jakob Nielsenはユーザビリティとユーザーインターフェースデザインの専門家です。彼は10のユーザビリティ・ヒューリスティクスで知られており、これはインターフェースの使いやすさを評価し、ユーザビリティを向上させるために用いられる設計原則です。

Jakob Nielsenの10のユーザビリティ・ヒューリスティクスは、インターフェースの使いやすさを評価し、ユーザビリティを向上させるために用いられるユーザーインターフェースの設計原則です。10のヒューリスティクスは次のとおりです。

インターフェースは直感的で、つまり説明なしでも理解しやすく使いやすい必要があります。
ユーザーはタスクを効果的かつ効率的に実行できるべきです。
インターフェースは学習しやすく、つまり短時間の後に理解しやすく使いやすい必要があります。
インターフェースは一貫性があり、つまり理解と使用を容易にするために標準化された要素と規則を使用する必要があります。
インターフェースは、ユーザーのアクションの結果を明確かつ正確に伝えるフィードバックを提供する必要があります。
エラーは効果的に処理され、解決方法の明確な指示を提供する必要があります。
ユーザーはインターフェースを制御でき、アクションを簡単に元に戻せる必要があります。
インターフェースはユーザーの注意と関心を維持するため、魅力的で美的に快適である必要があります。
インターフェースはユーザーのニーズ、スキル、期待に適合している必要があります。
インターフェースは、ユーザーが安全に、エラーのリスクなくタスクを実行できるように設計される必要があります。

これらのヒューリスティクスを用いてインターフェースのユーザビリティを評価すると、デザイン上の問題を特定し、ユーザー体験を向上させるための変更を行うことができます。

結論

まとめると、AAおよびAAAのアクセシビリティ基準は、能力や障害の有無にかかわらず、すべての人にとってウェブサイトをより使いやすく快適にすることを目指しています。

できれば、自分のウェブサイトがアクセシブルであるかを確認する時間を取ってみてください。

幸運を祈ります、頑張ってください！

気に入ったらシェアしてください：

著者紹介：

Keruanima

ゲームと日本をこよなく愛するデザイナー兼デジタルクリエイターです。本職はフルタイムのデザイナーで、このブログは空いた時間に運営しています。ここでは、仕事での経験や趣味、日常について語り、世界に向けて発信しています。