Webアクセシビリティ
WEB ACCESSIBILITY
来たる義務化に向けて準備を進めませんか?
Webアクセシビリティの義務化
2024年4月に施行された改正障害者差別解消法で、Webアクセシビリティに関する対応が注目されていましたが、民間企業を含むすべての事業者に対して「障害のある人への合理的配慮の提供」の義務化でした。
障害者差別解消法でのWebアクセシビリティの対応は「環境の整備」として2016年の施行時から存在しており、公共機関での対応は義務化となりますが、民間企業での対応は努力義務となっています。
改正障害者差別解消法で民間企業も義務化されるとの話が上がっていましたが、変更はなく努力義務のままになっています。
改正法においてWebアクセシビリティそのものが直接義務化されるわけではありませんでしたが、合理的配慮の一環としてWebアクセシビリティは重視されます。
罰則については、合理的配慮の不提供が差別とされる場合に報告義務があり、違反すると過料が課されることがあります。
合理的配慮とは、障害者が社会の中で直面するバリアを取り除くための対応を指し、事業者は過度な負担にならない範囲でこれを提供する必要があります。
準備を進めませんか?
Webアクセシビリティの対応は合理的配慮の一環として重視され、画像に代替テキストを設定し、フォーム要素に明確なラベルを付け、キーボード操作を可能にするなどの準備が求められます。
これにより、すべてのユーザーに使いやすいサイトを実現し、法的リスクを回避できます。対応を早めに進めることが重要です。
Webアクセシビリティ対応の実践的なステップ
Webアクセシビリティを向上させるためには、以下のステップが有効です。
- アクセシビリティ対応の方針と内容を決める
- ガイドラインに基づいて対応作業を行う
- アクセシビリティ方針を外部に公開する
- 実際のユーザーからフィードバックを取り入れる
- アクセシビリティテストツールを使用して評価・改善する
Webアクセシビリティの対応レベル
Webアクセシビリティの対応レベルについては、主にW3C(World Wide Web Consortium)が定めたWCAG(Web Content Accessibility Guidelines)に基づいています。WCAGには3つの適合レベルがあり、それぞれが異なるアクセシビリティ要件を満たすことを求めています。公共機関の場合は、レベルAA(中程度の基準)まで求められます。
- レベルA(最低基準)
レベルAは、もっとも基本的なWebアクセシビリティの要件を示します。このレベルの要件は、Webサイトをまったく利用できない状況を避けるために必要なものです。 - レベルAA(中程度の基準)
レベルAAは、より多くのユーザーがWebサイトを利用できるようにするための要件を示します。これは、アクセシビリティの一般的な問題を解決するために設けられた基準です。 - レベルAAA(最高基準)
レベルAAAは、もっとも包括的なアクセシビリティの要件を示し、あらゆる障害を持つユーザーがWebサイトを利用できるようにすることを目指します。ただし、このレベルに完全に準拠することはすべてのWebサイトにとって必須ではなく、実際には達成が難しい場合もあります。
レベルAのガイドライン紹介(例)
画像には必ず<img>タグのalt属性を使用して代替テキストを設定すること
- アクセシビリティの向上
視覚障害のあるユーザーがスクリーンリーダーを使用して画像の内容を理解できます。 - SEOの向上
検索エンジンは画像の内容を理解するために代替テキストを使用するため、SEOに良い影響を与えます。 - 画像の非表示時の代替
画像が読み込まれない場合や表示をオフにしている場合でも、代替テキストが画像の内容を伝えます。
フォーム要素には<label>タグを使用してラベルを関連付けること
- 使いやすさの向上
ユーザーがフォームの入力フィールドの目的を容易に理解できます。 - スクリーンリーダーのサポート
スクリーンリーダーがラベルと対応する入力フィールドを関連付けて読み上げるため、視覚障害のあるユーザーにとって使いやすくなります。 - クリックエリアの拡大
ラベルをクリックすると対応する入力フィールドがアクティブになるため、操作が簡単になります。
キーボードですべての操作が可能であること
- アクセシビリティの向上
マウスを使用できないユーザーや視覚障害のあるユーザーがキーボードのみでサイトを操作できます。 - ユーザビリティの向上
多くのユーザーがキーボードショートカットを好んで使用するため、操作性が向上します。
その他にも対応すべき内容もありますので、くわしくは「Webアクセシビリティの試験」の表参照ください。
Webアクセシビリティの試験
適合レベル絞り込み
A
AA
AAA
参考例
ロービジョンでの見え方
ロービジョン(矯正視力が低く、日常生活に支障をきたす視覚障害)での見え方の一例をご覧ください。
ロービジョンの症状は人によってさまざまありますのでイメージとなります。
モーダル表示後のフォーカス
モーダルを閉じたあとのフォーカスはモーダルを開いた要素元に戻り、キーボード操作で迷子にならないようにします。
キーボード操作でモーダルを開いて、閉じた際に元のボタンにフォーカスがあたっていることを確認ください。
モーダルサンプル
「ESC(エスケープキー)」を押して
モーダル画面を閉じてください。
停止ボタン付きスライダー
スライダーなど自動更新する情報は、利用者がそれを一時停止などの操作ができる必要があります。
-
サンプル画像 1
-
サンプル画像 2
-
サンプル画像 3
Webアクセシビリティに関するリソース
- ウェブアクセシビリティ基盤委員会
- ウェブアクセシビリティ基盤委員会によるQ & A
- デジタル庁で用意した、Webアクセシビリティに関するガイドブック
お問い合わせ
- 自社のWebサイトがWebアクセシビリティ対応できているのか?
- 改修することはできるのか?
- 費用はどれくらいかかるのか?
などがありましたらお問い合わせください。
- 改正障害者差別解消法とWebアクセシビリティについての詳細は、内閣府の公式サイトや専門家の解説を参考にしてください。