ウェブ制作に関わる人に役立つウェブアクセシビリティーの基本

ウェブ制作に関わる人に役立つ
ウェブアクセシビリティーの基本

8月26日メンテナンス済み / 株式会社 ICS

ウェブサイトには、利用者が情報や機能へアクセスするのを妨げる実装があります。「マウスを使わないとメニューを開けない」「拡大すると文字が重なる」「フォームのエラー箇所がわからない」といった例です。けがでマウスを扱いづらい人や、音を出せない場所で動画を見る人も同じ問題に直面します。

ウェブアクセシビリティーは、ウェブサイト制作やフロントエンド開発で欠かせないテーマです。HTML、CSS、JavaScriptの設計と実装が、情報や機能を利用できる人の範囲を左右します。

この記事では、ウェブ制作で押さえておきたい規格、国内制度、実装時の確認項目を紹介します。

W3Cダブリュー・スリー・シーのWeb Accessibility Initiative（WAIウェイ）によると、ウェブアクセシビリティーとは、障害のある人がウェブの情報や機能を利用できるように設計・開発することです。

利用者は、スクリーンリーダー、キーボード、音声入力、画面拡大などを組み合わせます。スクリーンリーダーは画面の文字やHTMLの構造を音声などに変換します。字幕やキーボード操作のように、同じ情報へ複数の方法で到達できる設計が必要です。

ウェブコンテンツの国際的な基準は、W3Cの「Web Content Accessibility Guidelines」（WCAG）です。最新版は「WCAG 2.2」です。日本語訳も公開されています。WCAGは次の4原則で構成されています。

達成基準にはAエー、AAダブルエー、AAAトリプルエーの3段階があります。AAに適合するには、AとAAの達成基準をページ全体と一連の操作で満たす必要があります。自動検査の点数だけで適合は決まりません。WCAG 2.2では、次の点も確認します。

達成方法は、W3Cの『How to Meet WCAG 2.2』で確認できます。

日本では「JIS X 8341-3:2016」が現行の日本産業規格です。2016年に発行され、2008年のWCAG 2.0を基準にしています。現在は、WCAG 2.2に合わせたJISの改正が検討されています。新しいサイトでは、現行JISとWCAG 2.2のA・AAを基準にします。

「JISに準拠」と表明するには、対象範囲を定めて試験し、結果を公開します。表記方法は、ウェブアクセシビリティ基盤委員会（WAICウェイク）の『対応度表記ガイドライン』で確認できます。

方針の公開状況は、WAICの実態調査をはじめ、複数の調査で確認されています。2022年4月の調査では、すべての都道府県と政令指定都市が方針を公開していました。2026年度の民間調査では、調査対象となった上場企業34社のうち18社（53％）が方針を公開しています。

実際の公開内容は、次のサイトが参考になります。

公的機関：東京都港区のウェブアクセシビリティー方針では、公式ホームページ全体を対象に適合レベルAAの維持を掲げ、年度ごとの試験結果と対象外のコンテンツを公開しています。
一般企業：Chatworkは、対象範囲と目標レベルに加えて、企画から検証までの対応フローと試験結果を公開しています。