デザイン面でのWebアクセシビリティ対策

Writer： miyajima　更新日：2024/05/17

こんにちは、デジナーレ東京オフィスのWebデザイナー宮島です。

2024年4月1日に施行された「障害者差別解消法」の改正により、国や地方公共団体だけでなく、すべての民間企業もWebアクセシビリティの「合理的配慮の提供」が義務化されました。

今回は、比較的簡単にできる、デザイン面でのWebアクセシビリティ対策の要点をまとめてみました。

「障害者差別解消法」とは

障害者差別解消法は、障害者に対する差別を解消し、社会のあらゆる側面で平等に参加できるようにすることを目的とした法律です。
この法律に基づき、政府や企業は障害者の権利を保護し、彼らが生活のあらゆる場面で差別を受けないようにするための施策を講じる責任があります。

「Webアクセシビリティ」とは

外務省の「ウェブアクセシビリティ」に関する説明には、「ホームページを利用している全ての人が、心身の条件や利用する環境に関係なく、ホームページで提供されている情報や機能に支障なくアクセスし、利用できること」と表記があります。

ここでいう「全ての人」というのは、様々な障害（視覚障害、聴覚障害、運動障害、認知障害など）のある人々や、一時的な特定の障害がある人々（怪我や病気など一時的な障害をもつ、高齢による視力や聴力・運動能力の低下が見られる人々）というだけではなく、インターネットの接続状況が悪い、メガネを忘れたので文字が読みにくい、Bluetoothイヤホンの電池が切れて音が聞けない、外国に旅行中で外国語のサイトを調べにきているが言語がわからないのような状態も含まれます。
Webアクセシビリティは、これらの人々もWebサイトやWebアプリケーションを支障なく操作できるようにするための原則や技術のことをいいます。

「障害者差別解消法」により、民間企業も情報やサービスにアクセスするための主要な手段としてWebサイトやアプリケーションを提供する際に、全ての人があらゆる状況でページを利用できるよう、企業が取り組むべき努力目標として、段階的に対応していく必要がでてきました。

Webアクセシビリティを考えたサイトデザイン

Webアクセシビリティを重視したサイトデザインは、誰もがWebサイトを利用できるようにするだけでなく、法的要件（達成基準）を満たすことも重要です。
この対策は、ユーザーエクスペリエンスの向上にもつながります。適切なデザイン原則を遵守し、Alt属性の使用や、適切なコントラスト比の確保、適切な構造とラベリングの提供など、Webアクセシビリティを実現するための工夫が必要です。

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

Webアクセシビリティの達成基準はは、W3C（World Wide Web Consortium）が策定したWeb Content Accessibility Guidelines（WCAG）に基づいています。
WCAGは、ウェブコンテンツのアクセシビリティを向上させるための国際的な標準であり、それぞれの基準はA、AA、AAAの3つのレベルで定義されています。
現状、AAAは実装難度が高く、一般企業向けとしては、AAを目指す企業が多いように思います。
達成基準には、以下のような具体的な指針でレベルごとに基準が用意されています。