Shopify アクセシビリティ監査サービス

ホームページ、コレクション、製品、カート、チェックアウト、ブログ、アカウント ページなど、すべての主要な Shopify ページ テンプレートをスキャンします。 私たちは、axe-core、WAVE、Lighthouse、Pa11y などのツールを使用するとともに、出力を手動で確認して誤検知を除外し、それぞれの真の重大度レベルを検証します。

Shopify テーマ コードのアクセシビリティをチェックします。このコードは、Liquid テンプレート、テーマ セクション、スニペット、テーマ設定で構成されます。 見出しの構造、ランドマーク、ラベル、フォーカス スタイル、色のコントラスト、WCAG 2.2 AA 要件を検討し、開発者に明確な「修正」メモを提供します。

NVDA、JAWS、VoiceOver、TalkBack などのスクリーン リーダーをデスクトップとモバイル デバイス間で使用してストアをテストします。 これは、メニュー、製品オプション、フォーム、ポップアップ、チェックアウト フローなど、自動化ツールが通常見落とす問題を特定するのに役立ちます。

マウスを使わずにショッピング体験からすべてをテストします。 製品の閲覧、バリエーションの選択、カートへの追加、引き出しカート、チェックアウト、住所フォーム、支払い手順など。 フォーカスの外観、注文の論理的な流れ、そしてユーザーが行き詰ることなくストア内を移動できることを検証します。

チェックアウトは収益とコンプライアンスのリスクに直接影響するため、特別な注意が必要です。 フォーム構造、エラー メッセージ、ライブ領域、支払い方法、支援技術サポートについて、チェックアウト、拡張機能、関数、カスタム アプリをレビューします。

一部の Shopify アプリでは独自の HTML、CSS、または JS が導入されており、クリーンなテーマ内でアクセシビリティの問題が発生する可能性があります。 インストールされているアプリをレビューし、ユーザビリティに影響を与えるアプリを特定し、アプリを適切に修正できない場合は修正またはより良い代替案を提案します。

WCAG コントラスト要件に照らして、テキスト、ボタン、フォーム、エラー メッセージ、バナー、UI の状態をテストします。 色が機能しない場合は、ブランド スタイルを維持しながら、アクセシビリティを高める実用的な変更をお勧めします。

Shopify で買い物をするほとんどの人はモバイルで買い物をするため、モバイル アクセスは重要です。 実際の iOS および Android デバイスで、タップ ターゲットのサイズ、間隔、ズーム動作、ジェスチャーの代替、方向のサポート、主要な購入アクションをテストします。

モーダル、ドロワー、アコーディオン、フィルター、検索候補、カートに追加メッセージは、Shopify ストアでよく見られる機能です。 これらはすべて動的要素であり、支援技術のユーザーが何が起こっているかを理解するために、適切な ARIA の役割、状態、フォーカス管理、スクリーン リーダーのサポートをチェックします。

監査では、問題のリスト以上のものをビジネスに提供する必要があります。 アクセシビリティに関するステートメント、VPAT 2.5 サポート、アクセシビリティ適合レポート、および修復ログを準備します。そのため、お客様のチームは法的対応、企業調達、内部報告に役立つ文書を入手できます。