ともに作る。ともに育てる。

アクセシビリティの意識を高める

2024.4.30 - Mon

Webデザインにおけるアクセシビリティは、全てのユーザーがWebサイトやアプリケーションを利用しやすくするための取り組みです。年齢や障害の有無にかかわらず、誰もが情報やサービスにアクセスできることを目的としています。
この記事では、近年ますます重要さを増しているアクセサビリティについて扱っていきます。

アクセシビリティの潮流

今や、アクセシビリティはWeb制作におけるトレンドの一つとなっており、ますます注目を集めています。
2024年4月1日には「改正障害者差別解消法」が施行され、Webアクセサビリティについての表現が努力義務を意味するものから義務を意味するものへと変更されました。企業もこの重要性を認識し、取り組みを強化する流れとなっています。

検索エンジン最適化(SEO)においても、アクセシビリティが重要な要素となっており、適切な対策を講じることが必須となっています。実際にWebサイトのアクセサビリティを改善することで、検索トラフィックが向上したというデータも出ています。

アクセシビリティの達成基準

アクセシビリティの大まかな達成基準は以下のようなものです。

・目が見えなくても情報が伝わること。
・マウス操作に依存せず、キーボード(矢印やタブ)だけでサービスを利用できること。
・色覚障害があってもテキストやコンテンツを判別できること。
・動画などの音声コンテンツでは字幕が振られ障害があっても内容を理解できること。

基準をクリアしていない例として以下のようなものがあります。

・自動で再生される動画コンテンツが存在し、読み上げソフトの音声と重なる。
・スライドが自動で切り替わり、停止させることもできず、ゆっくりとした速度で内容を把握することができない。
・ロゴや写真、画像に対して音声読み上げのための代替テキストが設定されていない。
・文字と背景のコントラスト比が低く、色覚障害者がテキストを視認しづらい。
・Webページの要素が適切にラベリングされておらず、音声読み上げソフトでは情報を理解しづらい。

WAIC(ウェブアクセシビリティ基盤委員会)の達成基準では、Webサイトのアクセサビリティへの対応度合いによってA(シングルエー)からAAA(トリプルエー)まで段階評価します。もしA(シングルエー)の基準を満たしていないような場合には、サイトの改修を検討すべきかもしれません。

アクセサビリティテスト

自身のサイトがアクセシビリティに配慮したものになっているかどうか診断するためには、アクセサビリティテストを実行することが有効です。テストを実行することで、異なる能力や環境におけるユーザーの体験を評価し、問題点を特定・改善することができます。

総務省はWebサイトのアクセサビリティへの対応状況を評価するためにmiChecker (エムアイチェッカー)というツールを提供しています。PCにインストールすることで、無料で利用することが可能です。

総務省:みんなのアクセシビリティ評価ツール:miChecker (エムアイチェッカー)Ver.3.0

使い方は、診断したいWebサイトのURLをmiCheckerに入力するだけです。
問題のある箇所が検出されると自動でリストアップされ、アクセシビリティへの対応状況が評価されます。
ロービジョンという機能では、視覚に障害のあるユーザーからWebサイトがどう見ているかをシュミレートすることも可能です。スクリーンリーダーや拡大鏡、キーボードナビゲーションといったバリアフリーツールへの理解に役立ちます。

なお、このツールを使用するにあたっては、OSがWindowsでなければならず、PCにJavaがインストールされていなければなりません。詳しい利用条件については総務省のページをご確認ください。

アクセシビリティとユーザビリティの関係性

アクセシビリティとユーザビリティは、しばしば混同されることがありますが、両者は異なる概念です。アクセシビリティは、障害を持つ人を含めた全ての人が利用しやすいことを目指すものであり、ユーザビリティは特定のユーザー層や目標に向けて利用しやすいことを意味します。アクセシビリティを確保することは重要ですが、それがユーザビリティを低下させることにもなり得ます。

アクセサビリティを重視するのか、特定のユーザーに向けた表現を重視するのかは、サイトの目的や性質に応じてバランスよく考慮することが重要です。

まとめ

アクセシビリティは、Webサイトを設計する際に欠かせない要素です。障害を持つユーザーがオンライン上でサービスを容易に利用し、快適なエクスペリエンスを享受できるようにすることが求められます。

NF-Dsgnでは、アクセシビリティを特に意識したWebサイトを制作したいというケースにも対応しております。プラットフォームの設計段階からアクセサビリティを考慮し、インクルーシブで利用しやすいWeb体験を提供いたします。