オンラインストアにアクセスできることを確認する方法

オンラインショッピングは、誰もがさまざまな商品を自由に閲覧し、購入することができます。 当然のことながら、買い物のプロセスと経験は、人それぞれ異なる味、習慣、好みを持っていることを考えると、人それぞれ異なります。 しかし、一部の人々にとって、オンラインショッピングは非常に難しい場合があります。

一部のインターネット ショッパーは、インターネット接続が不十分な国に住んでいる可能性があります。 または、Web サイトを参照してアクセスするために、スクリーン リーダーに頼らなければならない場合もあります。 また、永続的または一時的な障害のためにキーボードを使用して Web サイトをナビゲートする人もいます。

実際、米国だけでも、障害のある成人の 54% が日常的にインターネットを使用しています。つまり、ステータスや条件に関係なく、すべての人が店舗にアクセスできるようにする必要があります。

この投稿では、アクセシビリティとは何かを説明し、e コマース ストアがアクセシビリティ ガイドラインに準拠していることを確認するために、オンライン ストアの所有者として実行する必要があるアドバイスと手順を共有します。

Eコマースのアクセシビリティとは?

e コマースのアクセシビリティに関しては、障害のある人が問題なく Web にアクセスし、貢献し、使用できることを意味します。

視覚、聴覚、認知、その他の永続的な障害などの身体障害だけでなく、けがや加齢による一時的な障害、インターネット接続の遅さなどの外的要因による障害も含まれます。

重要な理由

アクセシビリティが重要である最も重要な理由は、誰があなたの店を訪れてやり取りするかを制御できないことです. ストアがアクセシビリティのガイドラインを順守していない場合、法廷に出廷し、多額の罰金を支払う責任を負う可能性があります。

これに加えて、Web アクセシビリティは私たちの基本的人権の 1 つであり、ビジネスに大きな影響を与えます。 オンライン ストアにアクセスできる場合は、すべてのユーザーに可能な限り最高のユーザー エクスペリエンスを提供するように最適化されているため、顧客満足度の向上、ブランド ロイヤルティの向上、収益の増加につながります。

最後に、アクセシビリティが重要である最後の理由は、アクセシビリティ ガイドラインを順守するということは、ストアが推奨されるコーディング標準に従い、セマンティック マークアップを使用することを意味するからです。 これにより、検索エンジンでのランクが向上し、より多くのオーガニック トラフィックを獲得できるようになります。

オンライン ストアのアクセシビリティを確認する方法

オンラインストアにアクセスできることを確認するための具体的なヒントに飛び込む前に、最初のステップは、ストアにアクセスできるかどうかを確認することです. 持っているものをテストする方法をいくつか紹介します。

• オンライン ストアにアクセスし、色覚異常などの障害があるかのように購入プロセスを実行するか、キーボードを使用して操作し、チェックアウト プロセスを完了する必要があります。
• WAVE Web Accessibility Tool などのサービスを使用して、サイトの潜在的な問題、エラー、および警告を確認します。 この無料ツールは、空のリンクやボタン、テキストと背景のコントラストが低いなどのエラーがある場合に通知します。
• UserTesting.com などのサービスを使用して、実際のユーザーからフィードバックを取得します。 これにより、客観的なフィードバックを得ることができ、それを使用して顧客とユーザーのエクスペリエンスを向上させることができます.

オンラインストアをアクセシブルにする方法

Web Accessibility Guidelines は、1999 年に W3C によって公開されました。 彼らは、2008 年 12 月までのガイドラインと最新バージョンの日付を維持する責任があります。

これらのガイドラインによると、Web サイトがアクセス可能であるためには、その Web サイトにある情報は、認識可能で、操作可能で、理解しやすく、堅牢でなければなりません。 これらの基準のいずれかが欠けている場合、その特定の Web サイトはアクセス可能とは見なされません。

簡単に言えば、訪問者がオンライン ストアにアクセスしたら、サイトの情報を認識、使用、理解できる必要があるということです。 その情報は、さまざまな支援技術が正しく解釈できるように、十分に堅牢である必要もあります。

Web アクセシビリティ ガイドラインに基づいて、すべての人がオンライン ストアにアクセスできるようにするための主なポイントを以下に示します。

• ボタンやリンクを扱うときは、クエスチョン マークやアスタリスクを追加して、他のコンテンツと区別し、色覚異常のある人がそれらが何であるかを理解できるようにすることを検討してください。
• テキストと背景に関しては、コントラストの高い色を使用してください。 白い背景に黒いテキストは、カラー ホイール上で互いに類似または近い色を使用するよりも効果的です。
• アニメーション GIF や点滅するアニメーションなど、発作を誘発するコンテンツの使用は避けてください。
• 可能な限り、CAPTCHA の使用を削除または制限します。 調査によると、CAPTCHA はアクセスできないと見なされるだけでなく、スパマーに対してもほとんど効果がありません。
• 点字のサポートと、マウスとキーボードで印刷物を拡大する機能をオンライン ストアに追加します。
• 商品ページやストアの他の場所で使用される画像、動画、音声などのコンテンツの代替テキストとテキストの説明を含めます
• 見出し、小見出し、箇条書き、短い段落などの書式設定オプションを使用して、製品の説明やその他のコンテンツを読みやすくします。
• 専門用語、専門用語、略語を定義せずに使用しないようにして、ストアのコンテンツが理解しやすいようにしてください。
• 「ここをクリック」などの一般的な用語を使用するのではなく、リンク内のテキストが理解しやすく、リンク先を説明していることを確認してください。
• リンクが新しいタブで開くように設定されている場合は、必ずユーザーに通知してください
• ボタン、メニュー項目、ドロップダウン メニュー、およびナビゲーションは、キーボードとマウスからアクセスできる必要があります
• ページが読み込まれるとすぐに訪問者がメイン コンテンツにジャンプできるように、各ページの上部にスキップ リンクが含まれていることを確認します。
• チェックアウトフォームには、フィールドの目的を明確に説明する適切なラベルが必要です。 また、チェックアウト フォームの各フィールドが、訪問者に警告メッセージと確認メッセージを提供するようにする必要があります。
• ユーザーがウェブサイトにアクセスしたときに自動的に再生される音楽や動画は使用しないでください。 ビデオやオーディオ トラックなどのコンテンツには、再生、一時停止、停止ボタンのコントロールがはっきりと表示されている必要があります。 このタイプのコンテンツには、可能な限り字幕と手話だけでなく、トランスクリプトも含める必要があります。
• 請求書などの購入の PDF 領収書などのダウンロードをトリガーするボタンには、ボタンをクリックすると何が起こるかを訪問者に伝える説明が必要です。
• 開発者に相談して、WAI-ARIA ロールを使用して、アコーディオンやタブ、それらの機能、状態などの HTML 要素に意味を与えるよう依頼してください。 通常はフォーカスを受けない や などの要素に tabindex を追加するだけでなく、
• WP Accessibility などのプラグインを使用して、キーボード フォーカスの提供、他のウィンドウでリンクが開かないようにするなど、一般的なアクセシビリティの問題を修正することを検討してください。