EUの契約撤回ボタン:ECサイトの必須対応
EU指令に基づく契約撤回ボタンは、チェコでは2026年6月ではなく2027年1月1日から義務化されます。法の要件とダークパターンを避けた設計方法を解説します。
EUの消費者向けECサイトに適用される欧州アクセシビリティ法(チェコ法424/2023 Sb.)は、零細企業を除く事業者が対象です。エンジニアなしで30分で弱点を見つける方法を紹介します。
ウェブアクセシビリティとは、障害のある方や高齢者、あるいは腕をギプスで固定しているといった一時的な制限がある方でも、問題なくウェブサイトを利用できる状態を指します。2025年6月28日から、欧州アクセシビリティ法を国内法化したチェコ法424/2023 Sb.により、ECサイトをはじめとする電子商取引サービスのアクセシビリティ対応が義務化されました。当社の解釈では、顧客が注文を行わない企業紹介サイトにはこの法律は適用されません。
この記事では、法律の対象となる事業者、実務におけるアクセシビリティの意味、そしてエンジニアなしで30分で自社サイトの弱点を見つける方法を解説します。なお、本記事は2026年11月時点の情報に基づいており、法的助言に代わるものではありません。
2025年6月28日から、消費者向けの電子商取引サービスはアクセシビリティ要件を満たす必要があります。これは欧州指令 (EU) 2019/882(欧州アクセシビリティ法/European Accessibility Act)をチェコ国内法に組み込んだチェコ法424/2023 Sb.で定められています。したがって、同じルールがEU全域で適用されます。
同法第3条における「電子商取引サービス」とは、消費者が遠隔で契約を締結するウェブサイトやモバイルアプリを指します。実務上はECサイト、オンライン注文、サービス予約、チケット販売などが該当します。ショッピング用のモバイルアプリを運営している場合はそのアプリも対象となり、OSの文字拡大機能やスクリーンリーダーへの対応、分かりやすいボタンラベルが必要です。この法律は決済端末、銀行サービス、通信サービスなども対象としていますが、本記事ではウェブサイトとECサイトに絞って解説します。
注文機能のない企業紹介サイトでは顧客が契約を結ばないため、当社の解釈ではこの定義に含まれません。ただし、注文フォームや日時予約、チケット購入機能を追加した時点で法律の対象になります。なお、行政機関や公的機関には、チェコ法99/2019 Sb.により2019年からアクセシビリティ対応が義務付けられています。
もっとも、ウェブアクセシビリティへの対応はどの企業にとっても有益です。視力の弱い方や高齢者も、他の人と同じように職人や会計士を探します。読みやすく操作しやすいサイトであれば、一般的な企業紹介サイトでも選ばれやすくなります。
消費者向けにオンライン販売を行っており、かつ零細企業でない場合、このアクセシビリティ法が適用されます。数ステップで確認してみましょう。
消費者向けにオンライン販売していますか? この法律は消費者と遠隔で結ぶ契約に適用され、純粋な法人向け販売(B2B)は対象外です。ただし、法人だけでなく事業者登録番号(IČO)を持たない個人も購入できる場合は、消費者向けの購入導線すべてをアクセシブルにする必要があります。
零細企業に該当しますか? 零細企業は適用除外となります(第2条第3項)。チェコの産業貿易省によると、従業員10人未満で、年間売上高または貸借対照表の総資産が200万EUR以下の企業がこれに該当します(グループ企業の場合は、関連企業やパートナー企業の数値も合算されます)。
2025年6月28日より前に顧客と契約を結びましたか? そのようなサービスは契約終了まで、最長で2030年6月28日まで変更なしで継続できます(第28条第5項)。ただし、一般的なECサイトでは購入のたびに新しい契約が結ばれるため、この猶予は使えません。
対応が過度な負担になりますか? 改修によってサービスの本質が変わってしまう場合や、過度な負担が生じる場合は例外が認められます(第15条)。ただし、事前に法律の附属書に沿って評価書を作成し、チェコ商業監督庁へ届け出る必要があります。
具体例を見てみましょう。架空の化粧品ECサイトで、従業員が4人、売上高が約100万EURであれば、零細企業として適用除外になります。しかし従業員が12人に増えた時点で除外は終了します。そのため、ECサイトのアクセシビリティは構築段階から考慮しておくべきです。
アクセシブルなウェブサイトとは、視覚や聴覚、パソコンの操作方法を問わず、誰もが利用できるサイトのことです。国際的なガイドラインであるWCAG 2.2は、4つの原則に基づいています。
対象となるのは恒久的な障害だけではありません。視力が弱く、レイアウトを崩さずに文字を拡大したい顧客もいます。腕にギプスをしていてキーボードだけで買い物をする人、強い日差しの下でスマートフォンを見る人、電車の中で音を出さずに動画を再生する人も同様です。
法律自体は具体的な技術規格を指定していませんが、第16条により整合規格を満たせば適合とみなされます。実務では、WCAGのレベルAAを採用している欧州規格EN 301 549が使われます。制作会社にもこのレベルAAへの対応を求めてください。
アクセシビリティはSEOやAIの回答生成にも役立ちます。画像の代替テキスト、明確な見出し、分かりやすいリンクテキストがあることで、検索エンジンがページの内容を把握しやすくなるためです。
アクセシブルな決済画面とはどのようなものでしょうか。すべての入力欄に常時表示されるラベルがあり、入力ミスがあれば赤い枠線だけでなく、欄のすぐ横に「郵便番号は5桁の数字で入力してください」といったテキストが表示されます。ボタンには「注文を確定する」と明記され、購入手続きに厳しい時間制限がなく、ロボット対策の認証も歪んだ文字の読み取りだけに頼りません。明快な構造はトップページにも有効です。詳しくは記事「ウェブサイトのトップページ」をご覧ください。
ウェブアクセシビリティで最も多い問題は、文字のコントラスト不足、代替テキストのない画像、ラベルのないフォーム入力欄といった基本的なものです。これは世界で最も訪問者数の多い100万サイトのトップページを毎年自動調査しているWebAIM Millionの結果からも分かります。2026年2月のデータに基づく2026年版では、95.9%のページでWCAG 2の自動検出可能なエラーが見つかり、1ページあたりの平均エラー数は56.1件でした。
| 問題 | 発生率(WebAIM 2026) | 引き起こす支障 | 修正方法 |
|---|---|---|---|
| 文字のコントラスト不足 | 83.9% | 特に日差しの下で文字が読みにくい | コントラスト比を4.5:1以上に高める |
| 代替テキストのない画像 | 53.1% | スクリーンリーダーが画像の内容を読み上げられない | 説明を追加する(装飾画像は空にする) |
| ラベルのないフォーム入力欄 | 51% | 視覚障害者が何を入力すべきか分からない | 各入力欄に表示ラベルを付ける |
| 空のリンク | 46.3% | アイコンのみのリンクに名前がない | テキストまたは非表示ラベルを追加する |
| 空のボタン | 30.6% | アイコンボタン(虫眼鏡など)に名前がない | ボタンの名前を追加する |
| ページの言語指定なし | 13.5% | スクリーンリーダーがチェコ語を外国語の発音で読む | コード内で言語を設定する |
チェコのウェブサイトでも同じ問題がよく見られます。白背景に薄いグレーの文字、名前のないカートや虫眼鏡のアイコン、クリックすると説明が消えてしまうフォームなどです。これらはいずれもサイトを作り直すことなく、多くの場合は数日で修正できます。
明るいコーポレートカラーを白背景に使うと、小さな文字やボタンでコントラスト基準を満たせないことがよくあります。文字やボタンには少し濃い色調を選び、明るい色は背景などの広い面に使うだけで解決します。
ただし自動チェックツールでは、画像の説明やエラーメッセージが本当に役に立つか、キーボードだけで注文を完了できるかまでは判断できません。ページの種類ごと(トップ、カテゴリー、商品詳細、カート、決済、お問い合わせ)に1ページずつ手動で試してみてください。同じテンプレートに起因する問題なら一度に修正できます。
写真への代替テキストの追加、「詳細はこちら」といったリンクの具体的な文言(例:「配送料金表」)への書き換え、見出しによる文章の整理は、コンテンツ担当者自身で行えます。テンプレートやコントラスト、キーボード操作の調整はエンジニアが担当します。新しく追加する写真やバナーでも同じルールを守りましょう。
エンジニアや有料ツールがなくても、30分あれば自社サイトの最も弱い部分を把握できます。このテストはW3CのEasy Checksをベースにしています。商品の検索から詳細ページ、カート、決済画面までの購入導線を中心に確認してください。
どのページの何が機能しないかを記録しておきましょう。まずはキーボードで操作できない決済画面など、購入を妨げる問題から優先して直します。このテストは専門家による監査の代わりにはなりませんが、制作会社に依頼する際の具体的な資料になります。大幅な改修の後や、3か月に1回のペースで繰り返し実施してください。
スクリーンリーダー(Windowsのナレーター、MacやiPhoneのVoiceOver、AndroidのTalkBack)を使って商品をカートに入れる操作も試してみてください。同僚や、普段からスクリーンリーダーを使っている人にテストを頼むのも有効です。
ECサイトにおけるアクセシビリティ法の遵守状況は、チェコ商業監督庁が監督します(第19条第2項)。サービスが要件を満たしていない場合や、命じられた是正措置に従わない場合など、最も重大な違反には第25条に基づき最大1,000万チェココルナの罰金が科されるおそれがあります。アクセシビリティに関する情報の未公開など、比較的軽微な違反でも最大100万チェココルナの罰金が定められています。
また、利用規約やそれに類する文書の中で、サービスがどのように要件を満たしているかをアクセシブルな形式で常時公開しなければなりません(第14条)。どの基準で検証したか(例:WCAG 2.2 レベルAA)、現時点で未対応の箇所はどこか、いつ修正するか、不具合の連絡窓口はどこかを記載します。
進め方の手順は次のとおりです。
決済画面のアクセシビリティはECサイトの売上を左右します。詳しくは記事「ECサイトのカゴ落ち対策」をご覧ください。さらに2027年1月1日からは契約撤回ボタンの設置も義務化され、そのフォームもアクセシブルである必要があります。
私たちはECサイト開発において、設計段階からアクセシビリティを組み込んでいます。後から改修する方がコストがかかるためです。自社ECサイトのアクセシビリティを私たちと一緒に確認し、購入への影響度に応じた修正リストを作成したい場合は、お問い合わせください。
零細企業(従業員10人未満、かつ売上高または貸借対照表の総資産が200万EUR以下)が提供するサービスには、このアクセシビリティ法は適用されません。それより規模が大きく、消費者向けにオンライン販売を行っている企業には対応義務がありますが、当社の解釈では企業紹介サイトには義務はありません。
欧州委員会規則 (EU) No 651/2014に基づき、関連企業およびパートナー企業を含めて従業員数が10人未満で、年間売上高または貸借対照表の総資産が200万EUR以下の企業を指します。この適用除外はECサイトなどのサービスに適用されます。
チェコ商業監督庁はチェコ法424/2023 Sb.の第25条に基づき、要件や是正措置への違反に対して最大1,000万チェココルナ、必要な情報の未掲載に対して最大100万チェココルナの罰金を科します。
不十分です。オーバーレイ型の追加ツールでは、ラベルのない入力欄やボタン、キーボード操作に対応していない決済画面は修正できません。スクリーンリーダーの利用者は自身の環境設定を使っているため、こうしたツールはコード自体の修正を補助することはあっても、代替にはなりません。
30分テストを試してみてください。キーボードだけでの購入操作、200%への拡大表示、コントラストや代替テキスト・ラベルの確認に加え、LighthouseやWAVEといったツールを使います。ただし、これらで見つかるのは一部の問題に限られるため、専門家による監査をおすすめします。
おすすめのトピックをピックアップしました
EU指令に基づく契約撤回ボタンは、チェコでは2026年6月ではなく2027年1月1日から義務化されます。法の要件とダークパターンを避けた設計方法を解説します。
第一印象は文字を読む前に決まり、訪問者は数秒でページに残るか判断します。ファーストビューで明確にすべき要素と、半日でできるテスト方法を紹介します。
カートの10個中7個は注文に至りません。単なる比較検討もありますが、送料や会員登録、宅配ロッカーの未対応で離脱する顧客もいます。具体的な改善点をご紹介します。
EUの消費者向けECサイトに適用される欧州アクセシビリティ法(チェコ法424/2023 Sb.)は、零細企業を除く事業者が対象です。エンジニアなしで30分で弱点を見つける方法を紹介します。
ウェブアクセシビリティとは、障害のある方や高齢者、あるいは腕をギプスで固定しているといった一時的な制限がある方でも、問題なくウェブサイトを利用できる状態を指します。2025年6月28日から、欧州アクセシビリティ法を国内法化したチェコ法424/2023 Sb.により、ECサイトをはじめとする電子商取引サービスのアクセシビリティ対応が義務化されました。当社の解釈では、顧客が注文を行わない企業紹介サイトにはこの法律は適用されません。
この記事では、法律の対象となる事業者、実務におけるアクセシビリティの意味、そしてエンジニアなしで30分で自社サイトの弱点を見つける方法を解説します。なお、本記事は2026年11月時点の情報に基づいており、法的助言に代わるものではありません。
2025年6月28日から、消費者向けの電子商取引サービスはアクセシビリティ要件を満たす必要があります。これは欧州指令 (EU) 2019/882(欧州アクセシビリティ法/European Accessibility Act)をチェコ国内法に組み込んだチェコ法424/2023 Sb.で定められています。したがって、同じルールがEU全域で適用されます。
同法第3条における「電子商取引サービス」とは、消費者が遠隔で契約を締結するウェブサイトやモバイルアプリを指します。実務上はECサイト、オンライン注文、サービス予約、チケット販売などが該当します。ショッピング用のモバイルアプリを運営している場合はそのアプリも対象となり、OSの文字拡大機能やスクリーンリーダーへの対応、分かりやすいボタンラベルが必要です。この法律は決済端末、銀行サービス、通信サービスなども対象としていますが、本記事ではウェブサイトとECサイトに絞って解説します。
注文機能のない企業紹介サイトでは顧客が契約を結ばないため、当社の解釈ではこの定義に含まれません。ただし、注文フォームや日時予約、チケット購入機能を追加した時点で法律の対象になります。なお、行政機関や公的機関には、チェコ法99/2019 Sb.により2019年からアクセシビリティ対応が義務付けられています。
もっとも、ウェブアクセシビリティへの対応はどの企業にとっても有益です。視力の弱い方や高齢者も、他の人と同じように職人や会計士を探します。読みやすく操作しやすいサイトであれば、一般的な企業紹介サイトでも選ばれやすくなります。
消費者向けにオンライン販売を行っており、かつ零細企業でない場合、このアクセシビリティ法が適用されます。数ステップで確認してみましょう。
消費者向けにオンライン販売していますか? この法律は消費者と遠隔で結ぶ契約に適用され、純粋な法人向け販売(B2B)は対象外です。ただし、法人だけでなく事業者登録番号(IČO)を持たない個人も購入できる場合は、消費者向けの購入導線すべてをアクセシブルにする必要があります。
零細企業に該当しますか? 零細企業は適用除外となります(第2条第3項)。チェコの産業貿易省によると、従業員10人未満で、年間売上高または貸借対照表の総資産が200万EUR以下の企業がこれに該当します(グループ企業の場合は、関連企業やパートナー企業の数値も合算されます)。
2025年6月28日より前に顧客と契約を結びましたか? そのようなサービスは契約終了まで、最長で2030年6月28日まで変更なしで継続できます(第28条第5項)。ただし、一般的なECサイトでは購入のたびに新しい契約が結ばれるため、この猶予は使えません。
対応が過度な負担になりますか? 改修によってサービスの本質が変わってしまう場合や、過度な負担が生じる場合は例外が認められます(第15条)。ただし、事前に法律の附属書に沿って評価書を作成し、チェコ商業監督庁へ届け出る必要があります。
具体例を見てみましょう。架空の化粧品ECサイトで、従業員が4人、売上高が約100万EURであれば、零細企業として適用除外になります。しかし従業員が12人に増えた時点で除外は終了します。そのため、ECサイトのアクセシビリティは構築段階から考慮しておくべきです。
アクセシブルなウェブサイトとは、視覚や聴覚、パソコンの操作方法を問わず、誰もが利用できるサイトのことです。国際的なガイドラインであるWCAG 2.2は、4つの原則に基づいています。
対象となるのは恒久的な障害だけではありません。視力が弱く、レイアウトを崩さずに文字を拡大したい顧客もいます。腕にギプスをしていてキーボードだけで買い物をする人、強い日差しの下でスマートフォンを見る人、電車の中で音を出さずに動画を再生する人も同様です。
法律自体は具体的な技術規格を指定していませんが、第16条により整合規格を満たせば適合とみなされます。実務では、WCAGのレベルAAを採用している欧州規格EN 301 549が使われます。制作会社にもこのレベルAAへの対応を求めてください。
アクセシビリティはSEOやAIの回答生成にも役立ちます。画像の代替テキスト、明確な見出し、分かりやすいリンクテキストがあることで、検索エンジンがページの内容を把握しやすくなるためです。
アクセシブルな決済画面とはどのようなものでしょうか。すべての入力欄に常時表示されるラベルがあり、入力ミスがあれば赤い枠線だけでなく、欄のすぐ横に「郵便番号は5桁の数字で入力してください」といったテキストが表示されます。ボタンには「注文を確定する」と明記され、購入手続きに厳しい時間制限がなく、ロボット対策の認証も歪んだ文字の読み取りだけに頼りません。明快な構造はトップページにも有効です。詳しくは記事「ウェブサイトのトップページ」をご覧ください。
ウェブアクセシビリティで最も多い問題は、文字のコントラスト不足、代替テキストのない画像、ラベルのないフォーム入力欄といった基本的なものです。これは世界で最も訪問者数の多い100万サイトのトップページを毎年自動調査しているWebAIM Millionの結果からも分かります。2026年2月のデータに基づく2026年版では、95.9%のページでWCAG 2の自動検出可能なエラーが見つかり、1ページあたりの平均エラー数は56.1件でした。
| 問題 | 発生率(WebAIM 2026) | 引き起こす支障 | 修正方法 |
|---|---|---|---|
| 文字のコントラスト不足 | 83.9% | 特に日差しの下で文字が読みにくい | コントラスト比を4.5:1以上に高める |
| 代替テキストのない画像 | 53.1% | スクリーンリーダーが画像の内容を読み上げられない | 説明を追加する(装飾画像は空にする) |
| ラベルのないフォーム入力欄 | 51% | 視覚障害者が何を入力すべきか分からない | 各入力欄に表示ラベルを付ける |
| 空のリンク | 46.3% | アイコンのみのリンクに名前がない | テキストまたは非表示ラベルを追加する |
| 空のボタン | 30.6% | アイコンボタン(虫眼鏡など)に名前がない | ボタンの名前を追加する |
| ページの言語指定なし | 13.5% | スクリーンリーダーがチェコ語を外国語の発音で読む | コード内で言語を設定する |
チェコのウェブサイトでも同じ問題がよく見られます。白背景に薄いグレーの文字、名前のないカートや虫眼鏡のアイコン、クリックすると説明が消えてしまうフォームなどです。これらはいずれもサイトを作り直すことなく、多くの場合は数日で修正できます。
明るいコーポレートカラーを白背景に使うと、小さな文字やボタンでコントラスト基準を満たせないことがよくあります。文字やボタンには少し濃い色調を選び、明るい色は背景などの広い面に使うだけで解決します。
ただし自動チェックツールでは、画像の説明やエラーメッセージが本当に役に立つか、キーボードだけで注文を完了できるかまでは判断できません。ページの種類ごと(トップ、カテゴリー、商品詳細、カート、決済、お問い合わせ)に1ページずつ手動で試してみてください。同じテンプレートに起因する問題なら一度に修正できます。
写真への代替テキストの追加、「詳細はこちら」といったリンクの具体的な文言(例:「配送料金表」)への書き換え、見出しによる文章の整理は、コンテンツ担当者自身で行えます。テンプレートやコントラスト、キーボード操作の調整はエンジニアが担当します。新しく追加する写真やバナーでも同じルールを守りましょう。
エンジニアや有料ツールがなくても、30分あれば自社サイトの最も弱い部分を把握できます。このテストはW3CのEasy Checksをベースにしています。商品の検索から詳細ページ、カート、決済画面までの購入導線を中心に確認してください。
どのページの何が機能しないかを記録しておきましょう。まずはキーボードで操作できない決済画面など、購入を妨げる問題から優先して直します。このテストは専門家による監査の代わりにはなりませんが、制作会社に依頼する際の具体的な資料になります。大幅な改修の後や、3か月に1回のペースで繰り返し実施してください。
スクリーンリーダー(Windowsのナレーター、MacやiPhoneのVoiceOver、AndroidのTalkBack)を使って商品をカートに入れる操作も試してみてください。同僚や、普段からスクリーンリーダーを使っている人にテストを頼むのも有効です。
ECサイトにおけるアクセシビリティ法の遵守状況は、チェコ商業監督庁が監督します(第19条第2項)。サービスが要件を満たしていない場合や、命じられた是正措置に従わない場合など、最も重大な違反には第25条に基づき最大1,000万チェココルナの罰金が科されるおそれがあります。アクセシビリティに関する情報の未公開など、比較的軽微な違反でも最大100万チェココルナの罰金が定められています。
また、利用規約やそれに類する文書の中で、サービスがどのように要件を満たしているかをアクセシブルな形式で常時公開しなければなりません(第14条)。どの基準で検証したか(例:WCAG 2.2 レベルAA)、現時点で未対応の箇所はどこか、いつ修正するか、不具合の連絡窓口はどこかを記載します。
進め方の手順は次のとおりです。
決済画面のアクセシビリティはECサイトの売上を左右します。詳しくは記事「ECサイトのカゴ落ち対策」をご覧ください。さらに2027年1月1日からは契約撤回ボタンの設置も義務化され、そのフォームもアクセシブルである必要があります。
私たちはECサイト開発において、設計段階からアクセシビリティを組み込んでいます。後から改修する方がコストがかかるためです。自社ECサイトのアクセシビリティを私たちと一緒に確認し、購入への影響度に応じた修正リストを作成したい場合は、お問い合わせください。
零細企業(従業員10人未満、かつ売上高または貸借対照表の総資産が200万EUR以下)が提供するサービスには、このアクセシビリティ法は適用されません。それより規模が大きく、消費者向けにオンライン販売を行っている企業には対応義務がありますが、当社の解釈では企業紹介サイトには義務はありません。
欧州委員会規則 (EU) No 651/2014に基づき、関連企業およびパートナー企業を含めて従業員数が10人未満で、年間売上高または貸借対照表の総資産が200万EUR以下の企業を指します。この適用除外はECサイトなどのサービスに適用されます。
チェコ商業監督庁はチェコ法424/2023 Sb.の第25条に基づき、要件や是正措置への違反に対して最大1,000万チェココルナ、必要な情報の未掲載に対して最大100万チェココルナの罰金を科します。
不十分です。オーバーレイ型の追加ツールでは、ラベルのない入力欄やボタン、キーボード操作に対応していない決済画面は修正できません。スクリーンリーダーの利用者は自身の環境設定を使っているため、こうしたツールはコード自体の修正を補助することはあっても、代替にはなりません。
30分テストを試してみてください。キーボードだけでの購入操作、200%への拡大表示、コントラストや代替テキスト・ラベルの確認に加え、LighthouseやWAVEといったツールを使います。ただし、これらで見つかるのは一部の問題に限られるため、専門家による監査をおすすめします。
おすすめのトピックをピックアップしました
EU指令に基づく契約撤回ボタンは、チェコでは2026年6月ではなく2027年1月1日から義務化されます。法の要件とダークパターンを避けた設計方法を解説します。
第一印象は文字を読む前に決まり、訪問者は数秒でページに残るか判断します。ファーストビューで明確にすべき要素と、半日でできるテスト方法を紹介します。
カートの10個中7個は注文に至りません。単なる比較検討もありますが、送料や会員登録、宅配ロッカーの未対応で離脱する顧客もいます。具体的な改善点をご紹介します。