Shopify の Dawn テーマを、13項目のアクセシビリティ診断にかけました。
お客様のストアで行っているのと同じ13項目の診断を、Dawn のデモストアで実施しました。結果は11項目が合格です。全項目の実測値、2件の不合格の中身、そしてどちらがテーマ側の問題でどちらがストア側の問題かをお伝えします。
この記事は米国のお客様に販売しているストア向けです。ADA は米国の法律で、米国向けストアフロントに適用されます。
何を、どこで実行したか
Shopify 公式の Dawn デモストア dawn-theme-default.myshopify.com で、2026年9月7日に実行しました。対象は3ページです。トップページ、コレクションページ1件、商品ページ1件を実際のブラウザでパソコン幅で開き、商品ページはスマートフォン幅でもう一度開いています。以下の数値は、その日にブラウザが実際に数えたものです。
無料の Storefront Check（無料ストア診断） と同じ診断です。これは準拠の証明でも認定でもありません。13項目を数えた結果です。
結果の全項目
| 項目 | 実測 | 結果 |
|---|---|---|
| すべての写真に説明がある | 66枚の画像 | 合格 |
| ボタンに動作が書かれている | 37個のボタン | 合格 |
| 入力欄に何を入力するか書かれている | 9個の入力欄 | 合格 |
| ページに言語が指定されている | 3ページ | 合格 |
| キーボードでメニューをスキップできる | 3ページ | 合格 |
| スマートフォンでピンチで拡大できる | 3ページ | 合格 |
| スクリーンリーダーでセクション間を移動できる | 3ページ | 合格 |
| タブの移動順がページの並びどおり | 3ページ | 合格 |
| 各ページに中身の分かるタイトルがある | 3ページ | 合格 |
| リンクに行き先が書かれている | 89本のリンク | 合格 |
| ボタンがタップできる大きさ | 142個の操作要素 | 合格 |
| 背景に対して文字が読める | 189箇所 | 不合格 |
| アクセシビリティ方針へのリンクがある | サイト全体 | 不合格 |
13項目中 11項目が合格です。判断保留になった項目はありません。実行時間は18秒でした。
Dawn はよくできたテーマです
この結果は、私たちが診断してきたテーマの中でも良いほうで、実際に運用中のストアと比べればさらに良い結果です。デモの画像にはすべて説明が付いています。アイコンボタンにはすべて名前があります。スキップリンクは機能し、実在する場所を指しています。タブの移動順は変更されていません。ピンチでの拡大も無効化されていません。これらは警告書で最も多く指摘される項目ですが、Dawn は最初からその問題を抱えていません。
Dawn を作っているのは Shopify で、Shopify にはこの分野の専任チームがあります。多くのストアで問題が起きる場所は、テーマではありません。
テーマ側の問題は1件だけ
コレクションページの文字が1か所、薄すぎます。見出しの下にある商品件数、「26 products」と表示される行です。テーマはこれを白地にグレー #838383、14ピクセルで表示します。コントラスト比は 3.79対1 です。このサイズの文字には 4.5対1 が必要です。
薄いのは、テーマが通常の文字色を薄くして使っているためです。対処法は、その行だけ薄くするのをやめることです。実際に試しました。件数の表示にテーマ本来の文字色を与えると、同じ測定で 7対1 になり、コレクションページのコントラストの不合格はゼロになります。
私たちの助言テーマの CSS で collection-product-count__text を探し、薄い色ではなく本来の文字色を指定してください。1行で済みます。このリストの中で、ストア側ではなく Dawn 側の問題はこれだけです。
どのテーマも代わりにできないこと
デモストアにはアクセシビリティ方針がありません。方針を同梱しているテーマもありません。方針とは、ストアをどうテストしているか、分かっている不具合は何か、困ったときにどこへ連絡すればよいかを書いたページです。このリストの中で最も費用がかからず、そして警告書をメールでの問い合わせに変えてくれることが最も多い項目です。
私たちの助言方針は診断の後に書いてください。先に書いてはいけません。ストアの実態より多くを約束する方針は、方針がないより悪い結果を招きます。書き方の参考には junand.co/ja/accessibility をご覧ください。
この結果が、あなたのストアについて語らないこと
デモストアはショールームです。画像は66枚ですが、実際のジュエリーストアには数百枚あります。リンクは89本ですが、直近に数えたストアは1125本ありました。アプリも、カスタムセクションも、セール表示も、サイズ表も、素材のスウォッチもありません。
運用中の Dawn ストアで不合格になるもののほとんどは、テーマを入れた後に追加されたものです。説明を付けずにアップロードした商品写真。ラベルのないポップアップを表示するアプリ。写真の上に白い文字を置いたカスタムセクション。「リンク」としか読み上げられないカラースウォッチ。
テーマの点数が、あなたのストアの点数ではない理由。デモストアでの13項目中11項目という結果は、土台が良いことを示しています。上限については何も示していません。あなたのストアにとって意味のある数字は、あなたのストアで数えた数字だけです。
Dawn をお使いなら、まずこの4点を
- 商品写真。Dawn は代替テキスト（alt）を書いてくれません。アップロードした画像1枚ごとに、何が写っているかの説明が必要です。
- カラーや素材のスウォッチ。アプリやカスタムセクションで追加した場合、ほぼ確実に「リンク」としか読み上げられません。
- アプリが表示するもの。ポップアップ、レビュー、サイズ表、カートドロワーは、名前のないボタンが生まれる最も多い原因です。
- 写真の上に置いた文字。コントラストは機械が数えられる不合格で、カスタムセクションによって最も繰り返し発生します。
4点とも1分ほどで確認できます。無料診断にストアのアドレスを貼り付ければ、こちらで数えます。
次回
次は Impulse と Prestige です。同じ方法で、同じ3種類のページを診断します。テーマが合格した項目も含めて、毎回すべての結果を公開します。