この取り組みは、サポート窓口への問い合わせから始まりました。マーチャントがストアでアクセシビリティスキャナーを実行したところ、テーマではなくCandy Rackのマークアップを指摘するレポートが届くようになったのです。alt属性のない画像、スキップされた見出しレベル、ラベル付けされていないコントロールなど、指摘はもっともなものでした。そこで7月、私たちはストアフロントの全3画面を詳細に調査しました。その結果、スキャナーの出力以上に興味深い事実が明らかになりました。
マーチャントがスキャンを行うのは、単なる好奇心からではありません。その背景には、現実的かつ深刻なプレッシャーがあります。2025年に米連邦裁判所に提起されたウェブアクセシビリティ訴訟は3,117件にのぼり、2024年の2,452件から27%増加しました。ADA（障害を持つアメリカ人法）第III編に基づく連邦訴訟全体に占めるウェブアクセシビリティ関連の割合は、28%から36%に上昇しています。州裁判所を含めると、UsableNetの年次報告書では2025年の総件数は約5,100件に達し、その約70%がEコマース関連であると指摘されています。EUでは、欧州アクセシビリティ法が各加盟国の国内法を通じて2025年6月28日から適用されており、2026年6月4日にはカーン司法裁判所がフランスの国内法に基づきカルフール・フランスに対して判決を下しました。
ここにギャップが存在します。アクセシビリティを懸念するマーチャントへの一般的なアドバイスは、「スコアの良いテーマを選ぶこと」と「アクセシビリティツールバーを追加するウィジェットを導入すること」の2点です。しかし、どちらもページ上のサードパーティ製アプリには対応していません。テーマがページを描画し、アプリがその上に独自のマークアップ（多くの場合、他のすべてを覆うモーダルとして）を注入します。テーマの監査ではそのモーダル内部までは確認できず、ツールバーでも修正は不可能です。スキャナーは表面的な問題しか検出できず、つい最近まで、私たち自身も自社アプリの内部で何が起きているかを正確に把握できていませんでした。
「アプリがアクセシビリティを損なう」とはどういうことか
これは抽象的な話ではなく、単なるalt属性の問題でもありません。私たちが自社製品で発見した問題と、他社アプリをチェックする際に確認すべき9つのパターンをまとめました。そのほとんどは特定のWCAG基準に対応しており、そうでないものについては注釈を加えています。
最後の列をご覧ください。9つの項目のうち8つは、どのウィジェットを導入してもマーチャント側では修正できない問題です。だからこそ、アプリ選びを単なる機能の選択ではなく、アクセシビリティの観点から行う必要があるのです。
自社アプリの監査で判明したこと
今回、WCAG 2.1および2.2のレベルAAに照らして監査したのは、商品ページアップセル用ポップアップ、チェックアウトへ向かう途中で表示されるカート用ポップアップ、そしてスライドカートドロワーの3画面です。今回はスキャナーのスコアではなく、レンダリングされたマークアップをコントロール単位で詳細に検査しました。
結果は、よくあるケースと同様にばらつきがありました。スライドカートのベースラインは予想以上に良好で、閉じるボタンや削除ボタンは正しくボタンとして機能し、すべての商品画像には説明的なalt属性が付与され、チェックアウトボタンにもアクセシブルな名前が設定されていました。問題の本質はモーダルにあり、3つの画面すべてで同じ問題が繰り返されていました。しかし、これは修正の観点からは好都合でした。繰り返し発生する問題であれば、3回ではなく1回の修正で済むからです。
最も深刻な2つの問題は、スキャナーが指摘したものではありませんでした。1つ目はフォーカススタイルの抑制です。これは、そのスタイルを継承するすべてのコントロールのキーボード操作を阻害するため、見た目以上に深刻な問題です。もう1つは、画面上に表示されているにもかかわらずタブ順序から除外されていたコントロール群です。これにより、便利な機能がマウス専用の機能になってしまいます。キーボードで操作するユーザーにとって、これは機能の劣化ではなく、機能そのものが存在しないことと同義です。私たちは修正を3つのチケットに分け、7月末までにすべて完了させました。
私たちが「準拠」を謳わない理由
あえて修正しなかった点が1つあります。Candy Rackのストアフロントの配色はすべてマーチャントが編集可能ですが、設定された値のコントラスト比までは検証していません。監査したストアではすべての設定値が基準を満たしていましたが、マーチャントが警告なしにコントラスト比1.4.3の基準を満たさない設定にしてしまう可能性を完全に排除することはできません。設定UIにコントラストチェック機能を追加する予定ですが、それが実装されるまでは、たとえ実装された後であっても、このアプリがストアの準拠を保証するとは言わないことにしています。
だからといって、アクセシビリティツールバーが無価値というわけではありません。ツールバーは訪問者にストアの表示設定を調整する手段を提供し、監視機能も備えています。そのため、私たちはおすすめのShopifyコンプライアンスアプリ一覧において、クッキー同意管理やGPSR、請求書発行アプリなどと並べて紹介しています。ただし、それは根本的な修正ではなく、他のアプリのモーダル内部まで干渉することはできません。コンプライアンスはストア全体の状態であり、単一のベンダーがそれを証明することは不可能です。ベンダーができるのは、何を監査し、何を修正し、何が未解決のままかを明確に伝えることだけです。
ストアのアプリをチェックする方法
スキャナーを使わなくても、10分程度で有益なチェックが可能です。アクセシビリティにおいて重要な問題の多くは自動ツールでは見抜けません。自動ツールはalt属性の欠落やコントラスト不足の検出には優れていますが、フォーカストラップやタブ順序、スクリーンリーダーへの通知といった問題には対応できません。今回、スキャナーが指摘したレポートはすべて前者のカテゴリに属するものであり、ユーザーの操作を完全に阻害するような深刻な問題は1つも検出されませんでした。
- マウスをキーボードから離し、そのままにしておきます。
- Tabキーで商品ページを移動し、フォーカスリングが表示されるか確認してください。どこかで消えてしまったら、そこでストップです。それがアクセシビリティを阻害する原因です。
- アプリが提供するすべての要素を操作してみましょう。カートへの追加、カートドロワーの展開、チェックアウトの開始、タイマーで表示されるポップアップの待機などを行います。
- それぞれの要素で、次の4点を確認してください。Tabキーで中に入れますか？Tabキーで移動した際、背後のページにフォーカスが逃げず、その要素内に留まりますか？Escキーで閉じられますか？閉じた後、開く際にクリックした要素にフォーカスが戻りますか？
- 数量選択、バリエーション選択、割引コード入力、削除ボタンなど、すべての操作をキーボードのみで行ってください。マウスでは操作できるのにキーボードではできない機能があれば、それは2.1.1の不適合です。
- 次に、VoiceOver（Macの場合はCmd+F5）またはNVDAをオンにし、閉じるボタンや商品画像を確認してください。「ボタン」や「商品」としか読み上げられない場合は不適合です。
- 数量を変更した際、新しい合計金額が読み上げられるか確認してください。更新してもフォーカスが当たらず、何も読み上げられない場合は、4.1.3の不適合です。
手順3から7で見つかった問題は、すべてアプリベンダー側の責任です。そこで、最後のステップに移ります。
ベンダーに尋ねるべき4つの質問
導入前に必ず確認してください。回答が曖昧な場合は、それが答えだと判断しましょう。
- アプリのストアフロントUIについて、WCAG 2.1または2.2のレベルAAに準拠した監査を行いましたか？また、それはいつですか？
- モーダルはダイアログのセマンティクスとフォーカス管理（ロール、アクセシブルな名前、フォーカス・トラップ、Escキー対応、フォーカス復帰）を実装していますか？
- アプリのすべての機能をキーボード操作のみで完了できますか？
- また、現在未解決の課題はありますか？
4つ目の質問が最も重要です。誠実なベンダーであれば、必ず未解決の課題を抱えているはずなので、具体的な回答が返ってくるはずです。「完全準拠しています」という回答は、実際には調査すらしていない可能性が高いでしょう。FTC（連邦取引委員会）によるaccessiBeへの命令で問題視されたのは「準拠」という言葉そのものではなく、準拠しているという根拠のない主張でした。
実際には、原告や規制当局が訴訟の対象とするのは、ベンダーではなくストアを運営するマーチャントです。これは非常に厳しい現実です。なぜなら、ストアの機能の多くは、あなたが作成したわけでも編集もできないコードで構成されているからです。しかし、どのベンダーを選び、どのような要求をするかは、あなたがコントロールできます。コンバージョン率向上のための戦略をお探しの場合は、弊社のアップセル戦略ガイドおよびチェックアウト最適化ガイドをご覧ください。EU圏内で販売を行う場合、弊社がまとめた撤回ボタンの要件やその他の欧州の規制に関する情報も、EAA（欧州アクセシビリティ法）の施行に合わせてご確認ください。
監査に基づく修正は7月末に完了し、Candy Rackに反映されています。これにはスライドカートやリワードバーも含まれます。もし見落としがあればお知らせください。重要度を議論するのではなく、すぐに対応いたします。
本記事は弊社独自の監査に基づく一般的な情報であり、法的助言ではありません。ADA、EAA、または各国の国内法に基づく義務については、弁護士にご相談ください。
