オンラインストアのアクセシビリティの重要性

オンラインで買い物をする人は皆、少し違ったやり方で買い物をします。 私たちは自分のペースで意思決定を行い、さまざまなデバイスを使用し、最も快適に感じる方法で店舗とやり取りします。

一部の買い物客にとって、商品を表示または購入するプロセスは、予想とは大きく異なります。 発展途上国に住んでいるためにインターネット接続が遅い場合や、視覚障害のためにスクリーンリーダーに依存している場合、またはマウスを確実に使用できないためにキーボードでナビゲートしている場合があります。

これらの違いにより、誰もがアクセスできるストアを設計および維持する必要が生じます。 これがeコマースのアクセシビリティの目標です。年齢、スキルレベル、場所、障害の有無に関係なく、誰もが使用できるオンラインストアを作成することです。

今日は、WooCommerceストアをよりアクセスしやすくする必要がある理由と、すべての買い物客のデザインと機能を改善するために使用できるいくつかのリソースについて見ていきます。

学ぶ準備はできましたか？ アクセシビリティについて話すとき、私たちが何を意味するのかを詳しく見てみましょう。

eコマースのアクセシビリティ：それが何であり、なぜそれが重要なのか

World Wide Web Consortium（略してW3C）は、「アクセシビリティとは、障害を持つ人々が[インターネット]を使用できることを意味します」と述べています。 彼らのWebAccessibilityInitiative（WAI）の紹介では、次のことを詳しく説明しています。

Webアクセシビリティには、視覚、聴覚、身体、言語、認知、神経の障害など、Webへのアクセスに影響を与えるすべての障害が含まれます。

オンラインストアにアクセスまたは使用する顧客の能力は、インターネット接続の速度やコンピューターハードウェアの可用性などの外部要因によっても影響を受ける可能性があります。 また、腕の骨折や眼鏡の処方ミス、老化などの一時的な要因の影響を受ける場合もあります。

開発者、ストアビルダー、ストアオーナーのいずれであっても、すべての人がストアを効果的に使用できるようにするのはあなたの責任です。 これは、顧客を満足させるだけではありません。W3Cが示すように、収益性、検索エンジンの可視性、および長期的なROIに非常に大きな影響を与える可能性があります。

アクセシビリティには、画像に代替テキストを追加したり、ストアを最適化してすばやく読み込むだけではありません。 理解を深めるために、顧客のオンラインエクスペリエンスがどのように異なるかを見てみましょう。

オンライン体験の大きな違いを探る

この投稿の計画の初期段階で、サポートを求めて連絡してきたWooCommerceの顧客と目を見張るような出会いがありました。 チームメンバーの1人が、エラーのスクリーンショットを送信するようにお客様に依頼しました。 彼らはできませんでした、そして私たちに理由を与えました：

私たちは盲目であり、コンピューターが私たちに読み上げます。

この特定の顧客は、スクリーンリーダーやその他の支援技術を使用して店舗全体を構築していました。 その後、オーディオを使用して、顧客やサポートチームとWooCommerceとやり取りしました。

これは、私たちのサポートチームが確信するための額のような瞬間でした。 しかし、アクセシブルなストアを構築することも素晴らしい思い出でした。目の不自由な人がスクリーンリーダーで使用可能なストアを構築できれば、完全または部分的な視力のある人はスクリーンリーダーで使用できるストアを構築できるはずだからです。

スクリーンリーダー以外にも、身体に障害があるためにコンピュータのマウスを使用できないお客様がいます。 これらの買い物客は、タブキーと矢印キーを使用してWebサイトをナビゲートし、Enterキーを使用してリンクを「クリック」します。

注文の手助けが必要な買い物客もいます。 一部の顧客は、電話で請求情報を提供する方が快適だと感じています。 他の人はオンライン注文フォームを見たり使用したりすることはできません。 また、オンライン注文を確実にサポートしないテクノロジーにしかアクセスできない人もいます。

これは、さまざまな人々がインターネットを使用してオンラインで買い物をする多くの方法のほんの一例です。 多数の背景、経験、およびデバイスにより、私たち全員が少し異なることを行うことが保証されます…そして、すべての人のために働く店の必要性を生み出します。

よりアクセスしやすいストアへの最初のステップ：すでに持っているものを試す

アクセシビリティの重要性をよりよく理解すると、「自分がアクセシビリティであるかどうかをどうやって知ることができるのか」と疑問に思うかもしれません。

最初にすべきことは、自分でストアを使用してみることです。 色覚異常、マウスを使用できない、または視力の弱い買い物客の立場になってください。

ストアを閲覧しているときに、フルカラーで認識されないと奇妙に見える可能性のある画像やボタンに気づきましたか？ キーボードを使用してナビゲートできますか、それとも面倒なプロセスですか？ ズームを150％以上に拡大しても、ストアは引き続き使用できますか？

あなたの店のメディアによっては、そこにもいくつかの懸念があるかもしれません。 製品ビデオをお持ちの場合、字幕はありますか？ あなたの製品の説明は、シャツがどのように感じられるか（テクスチャーに関して）、そしてそれがどのような色であるかを述べていますか？

多くの場合、速度を落とし、注意を払うだけで弱点を見つけることができます。 これらの弱点は、ボタンの色を変更したり、ページのナビゲーションを上に押したりするなど、簡単に修正できることがよくありますが、一時的に障害者として生活する意欲が必要です。

実際の買い物客のフィードバック、無料のオンラインツール、公式リソースを使用して、ストアを改善します

もちろん、障害がある場合、恵まれない場合、または通常の方法でオンラインストアを使用できない別の状況にある場合を除いて、買い物客に簡単なことをするように挑戦している方法を正確に知ることは難しい場合があります。

買い物客からの実際のフィードバックを使用して、場合によっては積極的に要請して、ストアへのアクセスプロセスを簡単にする方法を学ぶことをお勧めします。 このフィードバックを取得するのは難しい場合がありますが、積極的に（たとえば、購入後の電子メールで）要求すると、時間とともに発生します。

UserTesting.comのようなサービスを試すか、テストを提供する地元の代理店と協力してフィードバックを収集することもできますが、最初にアクセシビリティ固有のテストについて質問することをお勧めします。

私たちがお勧めする無料のツールの1つは、WebアクセシビリティツールであるWAVEです。 このツールに任意のURLを接続すると、代替テキストの欠落（スクリーンリーダーに必要）から壊れたリンクや空のリンク（一般的に悪いデザイン）まで、買い物客に問題を引き起こす可能性のあるエラーとアラートのリストが表示されます。

WAVEは、各エラーまたはアラートのドキュメントも提供するため、何かにフラグが立てられた理由を調べて、それに対処する方法を決定できます。

特に視覚的な面では、Vischeckを試して、色覚異常のWebサイトがどのように見えるかをシミュレートしたり、ACTF aDesignerを使用して、スクリーンリーダーなどのツールとの互換性についてストアのコンテンツをチェックしたりできます。

速度テストについては、インターネット接続が遅いと発展途上国のユーザーのエクスペリエンスに影響を与える可能性があるため、Pingdomをお勧めします。これにより、ストアのテストと改善のための詳細な推奨事項の両方が提供されます。 この投稿には、WooCommerceの最適化を具体的に扱ったいくつかの良いヒントもあります。

最後に、米国に拠点を置く（または米国に居住する顧客に販売する）場合は、政府の電子情報技術に関する第508条基準をざっと読むことができます。 これらの標準（特にセクション1194.22の標準）は、代替テキスト、色覚異常で表示可能なアイテム、時間指定された応答のアラートなど、Webサイトなどのアクセス可能なテクノロジーの要件を提供します。

それは店のすべてではありません。メールやソーシャルメディアなどを扱うときは、アクセシビリティを覚えておいてください。

目の見えないWooCommerceの顧客について上で示した例と同じように、各顧客があなたとどのように異なって対話するかを覚えておくことが重要です。 しかし、アクセシビリティはストアのページを超えており、オンラインでの存在感全体を網羅しています。

電子メールに返信したり、マーケティングメッセージを送信したり、ツイートを投稿したりするときはいつでも、インターネットにアクセスする顧客とはまったく異なる方法でやり取りしています。 について考える：

• 電子メール通信—プレーンテキストバージョンの電子メールを含めていますか？ 「オンラインで表示」オプションはどうですか？ ほとんどのクライアントは、デフォルトでこれらの両方を生成します。
• 買い物客をどのようにサポートするか—通常、問題のスクリーンショットや欠陥の写真を求める場合は、別のオプションを提供することを検討してください。 たとえば、WooCommerceのお客様が一時的なログインを作成できるようにして、自分で問題をチェックできるようにします。
• 特にリンクを使用したリクエスト—「ここをクリック」や「略歴のリンクをクリック」などのフレーズは、スクリーンリーダーのユーザーだけでなく、タブレットやモバイルデバイス（クリックではなくタップしているユーザー）にとっても問題になる可能性があります。 ）。
• プロセスを簡単にする方法—電子メールの代わりに電話を受け入れることができますか？ ストア経由ではなく、直接または電話で注文しますか？ または、電話だけに頼っている場合、不安などのある顧客を支援するために、どのようなプロセスをオンラインに移行できますか？

最後のアドバイス：「十分に良い」を目指してはいけません

あなたは以前にこの画像のバリエーションを見たことがあるかもしれません：

アクセシビリティに関するいくつかのヒントを読み、キーボードまたは単一のオンラインテストを使用してストアを試して、「十分に良い」と呼びたくなるかもしれません。 しかし、十分に良いというのは本当に良いことではありません。

障害のある買い物客により良い体験を提供するために特にあなたの店を更新することは称賛に値します。 しかし、それは必ずしも接続が遅い買い物客や非常に小さな画面のデバイスを持っている買い物客を助けるわけではありません。 そのため、さまざまな種類の買い物客、デバイス、およびニーズのエクスペリエンスを向上させるという究極の目標を立てることをお勧めします。

この目標は、アクセシビリティを超えていると私たちは考えています—それは全体的な顧客の幸福のより広い目標です。 このように考えてみてください。デスクトップコンピュータの目の見えないユーザーであろうと、発展途上国の目の肥えたモバイルショッパーであろうと、すべての顧客があなたから購入する可能性を高めるために何ができるでしょうか。

これらの特定のシナリオのためだけに、ストアに特定の変更を加える必要がある場合があります。 しかし、だからこそ、平等と平等に焦点を当てるべきだと私たちは考えています。なぜなら、必要なものをすべての人に与えると、あなたから購入する可能性がはるかに高くなるからです。

より包括的なショッピング体験を作成するためにここにあります

アクセシビリティはカバーするのが簡単なトピックではなく、ましてや学ぶことは簡単ではありません。 なぜそれが重要なのかを示すために最善を尽くしましたが、このテーマについてさらに調査し、読むことをお勧めします。 W3Cは始めるのに最適な場所です。

今のところ、この投稿があなたに思考の糧と、誰もが使用できる店に向けて取り組む際のいくつかの役立つヒントやリソースを提供することを願っています。

この投稿で推奨されているアクセシビリティツール、ヒント、またはアイデアについて質問がありますか？ または、このテーマについてのあなた自身のフィードバックはありますか？ これについてご意見をお聞かせください。ディスカッションを開始するには、以下にコメントを残してください。

読んでくれてありがとう！

ヘッダー画像のクレジット：#WOCinTech Chat（CC）