視覚障がい者のためのウェブアクセシビリティ

ウェブアクセシビリティというと、スクリーンリーダーを使って目の不自由な人のためにウェブサイトを作ることを思い浮かべる人が多いでしょう。しかし、ウェブサイトをアクセシブルにする際に考慮しなければならないのは、目の不自由さだけではありません。他にもさまざまな視覚障がいを持つ人がいます。このようなユーザーを念頭に置いてウェブサイトが作られていなければ、そのユーザーはあなたのウェブサイトに正しくアクセスできないかもしれません。

視力障がいはどれくらいの割合で存在するのか？

世界保健機関（WHO）の世界的な調査によると、近視または遠視の障害を持つ人は22億人いるそうです。また、2029年までに最も若いベビーブーム世代が65歳に達するため、この数はさらに増えると予想されています。

弱視だけでなく、ウェブサイトを見ることを困難にする視力障がいも数多くあります。最も一般的なものとしては、色覚異常、緑内障、加齢黄斑変性症、白内障、糖尿病性網膜症などがあります。

視力障害者によくあるウェブアクセシビリティの問題

弱視

弱視の人は、インターネットを使うのに画面拡大ツールをよく使います。残念なことに、多くのウェブサイトは画面拡大読書器ではうまく機能しません。例えば、テキストのサイズが変更されると、サイトのレイアウトが崩れてしまい、ユーザーはテキストを追跡するためにスクロールしなければならなくなります。サイトがアクセシビリティのために設計されていない場合、ナビゲーションが画面拡大鏡でまったく機能しないこともあります。

WCAG AA ガイドラインでは、ウェブサイトは機能を失うことなく200％までリサイズできることが望ましいとされている。

低コントラスト

多くの視覚疾患（白内障、緑内障、網膜色素変性症など）は、コントラストを見ることを困難にします。残念なことに、多くのウェブデザイナーはウェブサイトの配色を考える際に、このことを考慮していません。

たとえば、ごくわずかな色のグラデーションで特徴や要素を区別しているウェブサイトのデザインはよく見られます。正常な視力を持つユーザーは、そのデザインを好ましいと感じるかもしれません。しかし、コントラストが見えにくいユーザーにとっては、この色の選択は非常に分かりにくい、あるいは読むことが不可能なウェブサイトになってしまう可能性があります。

とはいえ、コントラストに障害のある人にとっても利用しやすい、美しいデザインのウェブサイトを作ることは可能です。デザイナーは、配色を選ぶ際にコントラストのレベルを考慮すればよいのです。WCAG AA ガイドラインでは、テキストとテキストの画像のコントラスト比は少なくとも4.5:1でなければならないとしています。

色覚異常

色覚障害も一般的な視覚障害のひとつであり、デザイナーは多くの人が特定の色（緑と赤が最も多い）を見ることができないことを意識する必要があります。ボタンやフォームをデザインする際には、アクセシビリティを念頭に置くようにしましょう。例えば、"キャンセル "に赤いボタンを使い、"サインアップ "に緑のボタンを使うのは、デザイン上好ましくない選択です。この色の選択は、色覚異常の多くの人々に混乱を引き起こす可能性があります。

あなたのウェブサイトは視覚障害者にとってアクセシブルですか？ご不明な場合は、私たちがお手伝いします。

Monsido by Acquia のウェブアクセシビリティ機能はこちらをご覧ください。