テーマ、アプリ、チェックアウト。どこで利用者が止まっているのか

Shopifyストアで問題が起きる場所

原因は4つ。直し方もそれぞれ違います

• テーマ

  起きやすい問題

  キーボードで操作できないスライダー、画像に重なった読みにくい文字、フォーカスが迷子になるメニューやドロワー。

  対応

  テーマのコードで修正します。公開前にプレビューで確認できる複製テーマで作業します。コントラストの多くは、コードではなくテーマの設定で直せます。

• 追加したアプリ

  起きやすい問題

  キーボードが抜け出せないCookieバナー、フォーカスが外れるレビューやSNSフィードのポップアップ、閉じられない登録ポップアップ。

  対応

  アプリは独自のコードで動いており、テーマ側からは変更できません。問題を避けられる設定、ベンダーへの報告内容、または乗り換え先のアプリをご案内します。

• アクセシビリティアプリ

  起きやすい問題

  有効にした訪問者に、文字の大きさやコントラストを変えるツールバーを表示します。キーボードやスクリーンリーダーでの操作性は変わりません。

  対応

  訪問者が使うときと同じ状態でテストし、何ができて何ができないかを、次の更新前にお示しします。

• チェックアウト

  起きやすい問題

  読み上げられないカードのエラーや必須項目、拡大表示では完了しにくい手順。

  対応

  大部分はShopifyのコードで、Shopify Plus以外のストアでは変更できません。テストした上で、Shopifyに伝えるべき内容をまとめ、現状をお伝えします。

修正の進め方

ご確認いただくまで、公開中のストアは変わりません

1. 1

   コラボレーターアクセス

   私のShopifyパートナーアカウントからのコラボレーターリクエストを承認いただきます。パスワードの共有は不要で、いつでもアクセスを取り消せます。

2. 2

   テーマの複製で作業

   修正は複製したテーマで行います。作業中も公開中のストアは変わりません。

3. 3

   プレビューして公開

   プレビューのリンクと再テストの結果をお送りします。ご確認後、お客様が公開します。

ご注意いただきたいこと

• 法的な助言ではありません

  通知書や訴訟についてのご判断は弁護士にご相談ください。レポートはその判断材料になります。

• アプリのコードは変更しません

  アプリのコードはベンダーのものです。設定の変更、ベンダー向けの報告内容の作成、代わりのアプリのご提案を行います。

• テーマの更新で修正が消えることがあります

  テーマを新しいバージョンに更新すると、編集したファイルが置き換わります。更新後の再テストで、必要な作業を確認できます。