世界的な e コマース アクセシビリティ法: EAA、ADA、および AODA

デジタル アクセシビリティは、電子商取引ビジネスにとってもはやオプションではなく、ほとんどの主要市場で法的要件となっています。世界中で推定 13 億人が何らかの障害を抱えて暮らしています。米国だけでも、障害者の購買力は合わせて年間 4,900 億ドルに達します。ビジネスケースを超えて、アクセシビリティはますます訴訟、規制措置、および重大な罰則を通じて強制される法的義務となっています。

このガイドでは、電子商取引に影響を与える主要な世界のアクセシビリティ法、つまり EU 欧州アクセシビリティ法 (EAA)、米国障害者法 (ADA)、カナダのオンタリオ州障害者アクセシビリティ法 (AODA)、英国平等法などのアクセシビリティ法を、それらすべての基礎となる WCAG 技術基準、実際的な実装要件、コンプライアンス ロードマップとともに取り上げます。

重要なポイント

• EU EAA は、e コマース サービスが 2025 年 6 月 28 日までに WCAG 2.1 AA を満たすことを要求しています — 現在、EU 加盟国全体で施行が行われています
• 米国の ADA タイトル III は、公衆にサービスを提供する企業に Web サイトへのアクセシビリティを要求すると裁判所によって解釈されています。 2023 年に 4,600 件を超える連邦ADA Web アクセシビリティ訴訟が提起される
• カナダの AODA は、50 人以上の従業員を抱えるオンタリオ州を拠点とする組織の Web サイトに WCAG 2.0 AA を要求しています
• WCAG 2.2 (2023 年 9 月発行) には、アクセシビリティ コンプライアンスのゴールド スタンダードである 9 つの新しい成功基準が追加されました
• EU Web アクセシビリティ指令 (2016/2102) は公共部門の Web サイトに適用されます。 EAA は民間部門の電子商取引にも義務を拡大
• 一般的な e コマース アクセシビリティの問題: 代替テキストの欠落、アクセスできないチェックアウト フォーム、キーボード ナビゲーションのギャップ、色のコントラストの低下、ビデオのキャプションの欠落
• アクセシビリティ オーバーレイ (単一行 JavaScript ソリューション) は法的準拠を達成しておらず、規制当局や裁判所から非準拠として指摘されることが増えています。
• 自動テストではアクセシビリティの問題の 30 ～ 40% しか検出できません - 支援技術を使用した手動テストが必要です

---

世界的なアクセシビリティの法的状況

EU 欧州アクセシビリティ法 (EAA)

欧州アクセシビリティ法 (指令 2019/882) は、電子商取引に関する世界的なアクセシビリティ法の中で最も重要な発展です。 2025 年 6 月 28 日までに、幅広いデジタル製品とサービスがアクセシビリティ要件を満たすことが求められます。加盟国は2022年6月28日までにこの指令を国内法に置き換え、サービスプロバイダーの遵守期限は2025年6月28日とした。

eコマースのEAA範囲:

• デジタルコンポーネントを備えた消費者製品（コンピュータ、スマートフォン、決済端末、ATM、発券機）
• 電子通信サービス
• オーディオビジュアルメディアサービスへのアクセス
• 電子商取引サービス — Web サイト、モバイル アプリケーション、およびその他の電子手段を介した製品およびサービスの直接販売
• 消費者が利用できる銀行サービス ・電子書籍と専用ソフト
• 旅客輸送サービス

EAA における「アクセス可能な e コマース」とは:

• Web サイトとモバイル アプリは、認識可能、操作可能、理解可能、堅牢でなければなりません (POUR 原則 - WCAG フレームワーク)
• 製品、サービス、情報は障害のある人もアクセス可能でなければなりません
• 支払いおよびチェックアウトのプロセスにアクセスできる必要があります
• カスタマー サポートは複数のチャネルを通じてアクセスできる必要があります

施行: 各 EU 加盟国は、EAA の施行を担当する市場監視当局を指定します。罰則は加盟国によって異なりますが、罰金や強制的な是正命令が含まれる場合があります。加盟国は、効果的かつ比例的かつ説得力のある罰則を確保しなければなりません。

不均衡な負担の例外: サービスプロバイダー (従業員 10 人未満、売上高 200 万ユーロ未満として定義される零細企業を除く) は、コンプライアンスに過剰なリソースが必要となる場合、不均衡な負担の免除を請求できます。ただし、免除には書類が必要であり、規制当局の審査の対象となります。

米国障害者法 (ADA)

ADA のタイトル III (42 U.S.C. § 12181 以降) は、公共施設の場所による障害に基づく差別を禁止しています。裁判所は一貫して、公衆にサービスを提供する企業の Web サイトは ADA タイトル III の対象となる公共宿泊施設としての資格があると判示してきました。

現在の法的状況:

• 特定の Web アクセシビリティ規制は存在しません。ADA は現代のインターネットが普及する前の 1990 年に制定されました。
• 司法省は、2024 年 3 月 18 日に州および地方自治体に WCAG 2.1 AA を満たすことを義務付ける最終規則を発行しました。
• 民間企業の場合、ADA タイトル III の Web アクセシビリティ義務は訴訟を通じて強制されます。
• 2023 年に 4,600 件以上の連邦 ADA ウェブ アクセシビリティ訴訟が起こされ、対象は e コマース、ホスピタリティ、ヘルスケア、金融サービス
• 連続原告と原告法律事務所は、WCAG の失敗を対象とした体系的なテスト手法を開発しました

司法省ガイダンス (2022、2024): 司法省は、ADA タイトル III に基づいて Web サイトのアクセシビリティが必要であることを明確にしました。民間企業に対する2024年の政府規則に相当する最終規則は存在しないが、司法省はウェブサイトはアクセス可能でなければならないという原告の立場を支持する法廷準備書面を提出した。

和解パターン: ADA の Web アクセシビリティ訴訟のほとんどは、10,000 ドルから 100,000 ドル以上、さらに弁護士費用 (50,000 ドルから 200,000 ドル) と修復の約束で和解します。連続原告は中小企業をターゲットにすることが多い。組織的なアクセシビリティ障害がある大規模な e コマース プラットフォームには、集団訴訟のリスクが存在します。

カリフォルニア州ウンルー公民権法

カリフォルニア州のウンルー法 (民法 § 51) は、事業所による差別を禁止し、ADA 要件を組み込んでいます。違反 1 件につき (アクセシビリティ障壁に遭遇した障害のある人の訪問 1 件につき) 4,000 ドルの法定損害賠償を補償します。カリフォルニア州は他のどの州よりもアクセシビリティに関する訴訟の割合が高いです。

カナダ: AODA と連邦 PTAS

オンタリオ州障害者のためのオンタリオ州アクセシビリティ法 (AODA): オンタリオ州に拠点を置き、従業員が 50 名以上の組織に適用されます。 Web サイトと Web コンテンツには WCAG 2.0 レベル AA が必要です。期限: 公共部門は 2012 年まで。 2021 年までに大規模な民間部門 (従業員 50 名以上)

連邦: アクセシブル カナダ法 (ACA): 連邦規制対象の組織 (連邦政府、銀行、電気通信、航空会社、放送局) に適用されます。アクセシビリティ計画、進捗レポート、フィードバック プロセスが必要です。 CRTC およびその他の規制当局は、分野固有のアクセシビリティ基準を発行しています。

2010 年英国平等法

英国平等法第 29 条では、障害のある顧客に対して合理的な調整を行うことがサービスプロバイダーに義務付けられています。 2018 年公共部門機関 (Web サイトおよびモバイル アプリケーション) アクセシビリティ規則は、英国の公共部門 Web サイトに対する EU Web アクセシビリティ指令 (WCAG 2.1 AA 標準) を実装しています。民間部門の電子商取引は、一般平等法に基づく合理的な調整義務に直面しています。裁判所は、WCAG への準拠が関連するベンチマークであると認定しました。

---

WCAG: 技術標準

W3C Web Accessibility Initiative (WAI) によって開発された Web Content Accessibility guideline (WCAG) は、事実上すべての世界的なアクセシビリティ法および規制の技術リファレンスです。 WCAG を理解することはコンプライアンスにとって不可欠です。

WCAG の構造: POUR 原則

すべての WCAG の成功基準は、次の 4 つの原則に当てはまります。

知覚可能: 情報および UI コンポーネントは、ユーザーが知覚できる方法でユーザーに提示できる必要があります。

• 非テキストコンテンツ (画像、アイコン、ボタン) の代替テキスト
• ビデオのキャプションと音声説明
• さまざまな方法で提示できる適応可能なコンテンツ
• コンテンツを識別可能 (コントラスト、オーディオ制御)

操作可能: UI コンポーネントとナビゲーションは操作可能である必要があります。

• すべての機能をキーボードから利用できます (マウスは必要ありません)
• ユーザーはコンテンツを読んで使用するのに十分な時間を確保できます。
• コンテンツは発作や身体反応を引き起こさない
• ユーザーはコンテンツをナビゲートして検索できます
• キーボードを超えた入力モダリティのサポート (タッチ、音声)

理解可能: UI の情報と操作は理解できる必要があります。

• 読みやすく理解できるテキスト
• コンテンツは予測可能な方法で表示され、動作します。
• ユーザーは間違いの回避と修正を支援しました

堅牢: コンテンツは、支援技術を含むさまざまなユーザー エージェントによって解釈できるほど堅牢である必要があります。

WCAG 適合レベル

レベル A: 最小限のアクセシビリティ - 基本的なバリアの除去。レベル A の不適合は、一部のユーザーがコンテンツにまったくアクセスできないことを意味します。

レベル AA: ほとんどの法域における標準的な法的要件。最も一般的なアクセシビリティの障壁に対処します。 EAA、ADA (判例法および司法省のガイダンス)、AODA によって要求されます。

レベル AAA: アクセシビリティの強化 — サイト全体に対して法律で要求されているわけではありませんが、一部の規制では要素が要求される場合があります。

WCAG 2.2 新しい基準 (2023 年 9 月)

WCAG 2.2 では 9 つの成功基準が追加され、そのうちのいくつかは e コマースに関連性が高くなります。

• 2.4.11 フォーカスが隠されていない (最小) (AA): キーボード フォーカス インジケーターがスティッキー ヘッダーまたは Cookie バナーによって完全に隠されていない
• 2.4.12 フォーカスが隠されていない (強化) (AAA): フォーカス インジケーターが完全に表示されます。
• 2.4.13 フォーカスの外観 (AAA): フォーカス インジケーターのコントラストとサイズは最小です
• 2.5.7 ドラッグ動作 (AA): すべてのドラッグ アンド ドロップ操作にはシングル ポインターによる代替手段があります。
• 2.5.8 ターゲット サイズ (最小) (AA): タッチ ターゲットは最小 24×24 CSS ピクセル
• 3.2.6 一貫したヘルプ (A): ヘルプ メカニズム (チャット、FAQ、連絡先情報) がページ全体で一貫した場所に表示されます。
• 3.3.7 冗長入力 (A): 複数ステップのプロセスで入力された情報は再入力する必要はありません
• 3.3.8 アクセシブルな認証 (最小) (AA): 認証における認知機能テストはありません (CAPTCHA にはアクセシブルな代替手段が必要です)
• 3.3.9 アクセシブル認証 (拡張) (AAA): 認知機能テストはまったくありません

---

eコマース固有のアクセシビリティ要件

製品ページ

• すべての製品画像には、表示内容を説明する意味のある代替テキストが必要です
• 製品のズーム機能はキーボードからアクセスできる必要があります
• サイズ表と比較表には適切な表ヘッダーが必要です
• ビデオ製品デモンストレーションにはキャプションと音声説明が必要です
• 色見本だけが製品バリエーションを区別する唯一の方法ではありません - テキストラベルが必要です

ナビゲーションと検索

• サイト ナビゲーションは完全にキーボードでアクセスできる必要があります
• ナビゲーション リンクをスキップして、繰り返しのメニューを回避します
• キーボードからアクセスできる検索機能
• オートコンプリートの提案がスクリーン リーダーに通知される
• フィルターと並べ替えのコントロールに完全にアクセス可能

ショッピングカートとチェックアウト

• 入力に明示的に関連付けられたフォーム ラベル (プレースホルダー テキストだけでなく)
• 関連フィールドに関連付けられた説明的なエラー メッセージ
• すべてのフォーム コントロールがキーボードからアクセス可能
• CAPTCHA にはアクセス可能な代替手段が必要です (音声 CAPTCHA、論理的な質問)
• 自動入力用に正しくラベル付けされた支払いフォーム入力 (オートコンプリート属性)
• セッションタイムアウト警告をスクリーンリーダーに通知し、延長オプションを追加
• スクリーンリーダーから注文確認にアクセス可能

製品レビューとユーザー作成コンテンツ

• 星の評価には、スクリーン リーダーによって読み上げられる同等のテキストが含まれています
• レビューフォームにアクセス可能
• レビュー内のユーザーがアップロードした画像には代替テキストの規定が必要です

---

一般的な e コマース アクセシビリティの失敗

以下の問題は、ADA の Web アクセシビリティ訴訟と EAA 施行の所見の大部分を占めています。

---

アクセシビリティのテスト

自動テスト

自動ツールは、WCAG 達成基準違反の約 30 ～ 40% を検出します。完全なソリューションとしてではなく、最初のフィルターとして使用してください。

推奨される自動ツール:

• axe DevTools (Deque Systems) — ブラウザ拡張機能と CI/CD 統合
• WAVE (WebAIM) — ブラウザ拡張機能、アクセシビリティの問題の視覚的なオーバーレイ
• Lighthouse (Google) — Chrome DevTools に組み込まれ、アクセシビリティ監査
• IBM Equal Access Checker — 自動化された WCAG チェック

CI/CD の統合: 自動化されたアクセシビリティ テストを展開パイプラインに統合します。 axe-core と pa11y は自動テスト スイートで実行でき、新しいアクセシビリティ違反が導入されるとビルドが失敗します。

手動テスト

自動ツールが見逃す問題 (実際の障害の約 60 ～ 70%) を見つけるには、手動テストが必要です。

キーボード ナビゲーション テスト: Tab、Shift+Tab、Enter、Space、矢印キーのみを使用して、チェックアウト フロー全体をナビゲートします。どのステップでもマウスを必要とする必要はありません。

スクリーン リーダーのテスト:

• NVDA + Firefox (Windows、無料): アクセシビリティ訴訟で最も一般的な組み合わせ
• JAWS + Chrome (Windows、商用): エンタープライズ標準
• VoiceOver + Safari (macOS/iOS、組み込み): iOS テストに必要
• TalkBack + Chrome (Android、組み込み): Android テストに必要

カラー コントラスト テスト: カラー コントラスト アナライザー ツールを使用して、すべてのテキストが 4.5:1 (通常のテキスト) または 3:1 (大きなテキスト、UI コンポーネント) の比率を満たしていることを確認します。

ズーム テスト: 400% にズームし、1280 ピクセルのビューポートで水平スクロールなしでコンテンツが引き続き使用できることを確認します (WCAG 1.4.10 リフロー)。

認知アクセシビリティ テスト: 平易な言葉、明確な指示、エラー回復についてコンテンツを確認します。可能な場合は、認知障害のあるユーザーを対象にテストしてください。

---

アクセシビリティ オーバーレイ: 機能しない理由

アクセシビリティ オーバーレイ (単一のコード スニペットを通じて Web サイトにアクセスできると主張する JavaScript ライブラリ) は効果がなく、法的危険が増大する可能性があります。主な問題:

1. 基礎となるコードは修正されません: オーバーレイは、ページの読み込み後にアクセスできない HTML にパッチを適用しようとします。スクリーン リーダーは、基礎となる HTML を最初に解釈します。オーバーレイの変更は支援技術に正しく到達できないことがよくあります。

2. スクリーン リーダーの競合: オーバーレイはネイティブの支援技術と競合することが多く、スクリーン リーダー ユーザーがページにアクセスしにくくなります。

3. 裁判所と規制当局はそれらを却下: 被告がアクセシビリティ オーバーレイを使用した場合でも、複数の ADA 訴訟が進行しました (原告が勝訴しました)。全国盲人連盟と他の障害者団体はオーバーレイに正式に反対している。

4. オーバーレイ プロバイダー自身の主張: 上記の制限があるため、オーバーレイ プロバイダーは自社の製品が手動のアクセシビリティ作業を置き換えるのではなく補足することを目的としているという免責条項を含めています。

コンプライアンスへの信頼できる唯一の方法は、WCAG 2.1/2.2 AA 標準を満たすように基礎となるコードを修正することです。

---

eコマースのアクセシビリティ コンプライアンス チェックリスト

• WCAG 2.2 レベル AA 監査完了 (自動 + 手動)
• すべての製品画像には意味のある代替テキストが含まれています
• すべてのフォーム入力には明示的に関連付けられたラベルがあります
• チェックアウト フロー全体をキーボードで操作可能
• モーダルまたはダイアログにキーボード トラップはありません
• すべてのビデオ コンテンツにはキャプションが付いています (自動生成されたキャプションは正確であることが確認されています)
• カラーコントラストはテキストの場合は 4.5:1、UI コンポーネントの場合は 3:1 を満たします
• CAPTCHA にはアクセス可能な代替手段があります (音声、論理的な質問)
• セッションタイムアウトにより、拡張オプションを使用してアクセス可能な警告が提供されます
• Cookie 同意バナーのキーボードにアクセス可能
• スキップナビゲーションリンクが実装されました
• レスポンシブデザインにより、400% ズームでもアクセシビリティを維持
• モバイル タッチ ターゲットは最小 24×24 ピクセルを満たします (WCAG 2.5.8)
• フォーカスが表示され、スティッキー要素によって隠されません (WCAG 2.4.11)
• NVDA + Firefox によるスクリーン リーダーのテストが完了
• EU市場向けのEAA準拠評価が完了
• アクセシビリティに関する声明が Web サイトに公開されました
• アクセシビリティ改善計画とスケジュールを文書化

---

よくある質問

EU 欧州アクセシビリティ法が e コマースに対して発効したのはいつですか?

e コマース サービスの EU EAA 準拠期限は 2025 年 6 月 28 日でした。その日より前に運用されていたサービスは、2030 年 6 月 28 日まで準拠する必要がありました (条件付き)。新しいサービスと既存のサービスの重要な更新は、直ちに準拠する必要があります。加盟国は2025年に市場監視当局を指定し、2026年を通じて執行措置が強化されることが予想される。零細企業（従業員10人未満、売上高200万ユーロ未満）には不均衡な負担の例外があるが、それでもアクセシビリティに努める必要がある。

私の米国の e コマース Web サイトは ADA にアクセスできる必要がありますか?

裁判所は、一般に公開されている企業のウェブサイトは、ADA 第 3 編の対象となる公共宿泊施設の場所であると一貫して判示してきました。民間部門の Web サイトの技術要件を指定する最終的な司法省規制はありませんが、WCAG 2.1 AA は適切な標準として広く参照されています。 2023 年には 4,600 件を超える ADA ウェブ アクセシビリティ訴訟が提起されており、州に関係なく訴訟リスクは現実のものとなっています。積極的な WCAG 2.1 AA への準拠は、唯一信頼できる訴訟防御です。

WCAG で要求される最小カラー コントラスト比はどれくらいですか?

WCAG 2.1/2.2 レベル AA では次の要件が必要です。(1) 通常のテキスト (18 ポイント未満、または 14 ポイント未満の太字): 背景に対するコントラスト比が 4.5:1 以上であること。 (2) 大きなテキスト (18 ポイント以上または 14 ポイント以上の太字): 最低 3:1 のコントラスト比。 (3) 非テキスト UI コンポーネントおよびグラフィック オブジェクト: 隣接する色に対するコントラスト比は最低 3:1。レベル AAA では、通常のテキストの場合は 7:1、大きなテキストの場合は 4.5:1 が必要です。 WebAIM Contrast Checker やブラウザ DevTools アクセシビリティ監査などのツールを使用して検証します。

モバイル アプリもアクセシビリティ対応にする必要がありますか?

はい。 EAA はモバイル アプリケーションを明示的にカバーしています。 ADA の判例はモバイル アプリにも適用されています。 WCAG 2.1 はモバイル Web コンテンツに適用されます。ネイティブ iOS および Android アプリの場合、プラットフォーム固有のアクセシビリティ ガイドラインが適用されます: Apple ヒューマン インターフェイス ガイドライン (アクセシビリティ) および Android アクセシビリティ。基本原則 (知覚可能、操作可能、理解可能、堅牢) はモバイルにも同様に当てはまります。 VoiceOver (iOS) と TalkBack (Android) でのスクリーン リーダーのテストは不可欠です。

e コマース サイトを WCAG 2.1 AA に準拠させるにはどれくらいの時間がかかりますか?

タイムラインはサイトの現在の状態に大きく依存します。最新のよく管理されたテーマを使用している Shopify ストアでは、2 ～ 4 週間かけて微調整が必​​要になる場合があります。従来の HTML とサードパーティの統合を備えた大規模なカスタム e コマース プラットフォームの場合、開発作業に 3 ～ 6 か月かかる場合があります。ベースラインを理解するために包括的な WCAG 監査から始めて、頻度の低い問題に対処する前に、ほとんどのユーザーに影響を与える障壁 (キーボードのアクセシビリティ、代替テキスト、フォーム ラベル、チェックアウト フロー) に優先順位を付けます。アクセシビリティを開発ワークフローに統合して、回帰を防ぎます。

アクセシビリティに関する声明は法令順守に役立ちますか?

アクセシビリティに関する声明は、誠実な取り組みと透明性を示します。コンプライアンス ステータス、既知の問題、修復スケジュール、アクセシビリティに関するフィードバックの連絡先情報が文書化されます。 EAA はプロバイダーにアクセシビリティに関する声明を公開することを要求しています。 ADA に基づき、裁判所は損害賠償額を決定する際に誠実な努力の証拠を考慮します。アクセシビリティに関する声明だけでは法的防御にはなりませんが、アクセシビリティへの取り組みを示し、障壁を報告するメカニズムをユーザーに提供するベスト プラクティスです。

---

次のステップ

eコマースへのアクセシビリティは法的義務であると同時にビジネスチャンスでもあります。アクセシブルな Web サイトは、より幅広い視聴者にリーチし、SEO でより優れたパフォーマンスを発揮し (多くのアクセシビリティ原則は検索エンジンの要件と一致します)、困難な状況でモバイル デバイスを使用するユーザーを含むすべてのユーザーに優れたエクスペリエンスを提供します。

ECOSIRE の Shopify 実装チームは、WCAG 2.1 AA 基準を満たすアクセシビリティ最優先の e コマース エクスペリエンスをゼロから構築します。新しいストアを立ち上げる場合でも、既存のストアを修復する場合でも、当社のチームがコンプライアンスの達成と維持をお手伝いします。

始めましょう: ECOSIRE Shopify サービス

免責事項: このガイドは情報提供のみを目的としており、法的アドバイスを構成するものではありません。アクセシビリティ法の要件は管轄区域によって異なり、法律や裁判所の決定によって変更される可能性があります。組織固有のアドバイスについては、資格のある法律顧問に相談してください。