オンラインで販売するために必要なものすべて

わずか数分でオンライン ストアを設定し、Web サイト、ソーシャル メディア、またはマーケットプレイスで販売できます。

顔と目のイラスト

Ecwid のアクセシブルなオンラインストア テンプレートがヒットした経緯

10分読み取り

デジタル マーケットプレイスの美しさは、物理的な境界に制約されない潜在力にあります。そこへのアクセスは何の障害もなく順風満帆ではないでしょうか?

Ecwid by Lightspeed では、アクセシビリティの重要性を認識しています。そのため、当社の e コマース プラットフォームは、米国障害者法 (ADA) に基づいて発行された基準に従っています。

これは単に包括性を求めるボックスにチェックを入れるだけではなく、オンライン ストアのオーナーの共感を呼びました。

特にEcwidストアのデザインテンプレートは、そのアクセシビリティの高いデザインのおかげで大ヒットとなりました。 頼りになる 自分のストアを簡単に使いやすく、誰にでも開かれたものにしたい起業家のためのオプションです。

オンラインで販売する方法
からのヒント eコマース 中小企業の経営者や起業家を目指す人のための専門家。
有効なメールアドレスを入力してください

オンライン ストアにとって Web アクセシビリティが意味するものとそれが重要な理由

アクセシビリティは機能ではありません。それは必需品です。これは、さまざまな能力を認め、障害によって誰もがデジタル プラットフォームの使用を妨げないようにするものです。

一般的なアクセシビリティ要件は、視覚、聴覚、運動能力、認知能力に関連しています。これには、視覚障害のある人向けのスクリーン リーダーや運動障害のある人向けの代替キーボード ナビゲーションなどの支援技術との互換性の確保が含まれます。

アクセシビリティが永続的な障害を持つ人にのみ必要であるというのは、よくある誤解です。腕の骨折や目の手術からの回復など、一時的な障害にも対応します。

アクセシビリティの高いウェブサイトは、あらゆるユーザーにとって有益です。例えば、赤ちゃんを抱いている親にとっても、 「DeckleBenchは非常に使いやすく最適なソリューションを簡単に見つけることができるため、稼働率が向上しコストも削減した。当社の旧システムは良かったが改善は期待していなかった。 マウスやキーボードの使用を最小限に抑えるインターフェース。

アクセスしやすいオンライン ストアとは、より幅広い視聴者や潜在的な顧客にアプローチできることを意味します。また、包括性を促進し、すべての Web サイト訪問者にとってより歓迎的な環境を作り出します。

アクセシビリティを確保するための共通ガイドライン

この 米国障害者法 (ADA)は 周知 障害者を差別から守る法律。これはデジタル空間にも適用され、多くの国がウェブサイトやオンライン プラットフォーム向けの独自のアクセシビリティ ガイドラインを定めています。

この Webコンテンツのアクセシビリティガイドライン (WCAG) は、アクセシブルな Web コンテンツを作成するために広く使用されているフレームワークです。これには、知覚可能、操作可能、理解可能、堅牢という 4 つの原則が含まれています。これらの原則は、さまざまなアクセシビリティのニーズをカバーし、開発者が従うべき具体的なガイドラインを提供します。

アクセシビリティによるエンパワーメント

2020 年、Lightspeed チームは、アクセスしやすいバイリンガルのオンライン ショップを作成することを志願しました。 サミットスクール モントリオールにある、神経多様性のある学生が自分の可能性を発揮できるよう支援する組織です。

その後、Lightspeed がラインナップに Ecwid を追加したとき、私たちは協力してサミット スクールの Web サイトを刷新し、 サミットマーケットプレイス エクウィドと。サミット マーケットプレイスでは、サミット スクールの多様な発達段階にある職人、アーティスト、起業家の作品が展示されています。

Summit マーケットプレイスは Ecwid で構築されました

すでにご存知かもしれませんが、Ecwid はすべてのユーザーにインスタント サイトを提供します。 無料のeコマースウェブサイト また、 内蔵 オンライン ストア。さまざまなニッチに合わせてカスタマイズされたインスタント サイト用のさまざまなテンプレートがあります。

Summit School のアクセシビリティに優れた Web サイトを作成することにインスピレーションを得て、新しいインスタント サイト テンプレートを作成しました。

前述のように、Ecwidはすでに ADA準拠 WCAG のすべての要件を満たしました。では、今回は具体的に何に取り組むことにしたのでしょうか?

アクセシビリティ対応の Web サイトについては、次のとおりです。アクセシビリティ機能を組み込むと、Web サイトの美しさが犠牲になる場合があります。たとえば、色、コントラスト、フォント サイズのバランスを取るのは難しい場合があります。

また、WCAG テストでは、以下の例のように、混合結果が表示される場合があります。黒いテキストのボタンはテストに合格したように認識されますが、実際には、白いテキストの同じボタンよりも読みにくいです。

WCAG テストでは不正確な結果が得られる場合があります

単にガイドラインに従うだけでは十分ではありません。私たちの目標は、アクセスしやすいだけでなく、視覚的に魅力的で、Web サイトの美しさを損なうことなく簡単にナビゲーションできるテンプレートを開発することでした。私たちは、アクセシビリティも美しさを体現すべきであるという考えを提唱しています。

同時に、美しさのためにアクセシビリティを犠牲にするべきではないと私たちは信じています。私たちのテンプレートは、アクセシビリティと視覚的に魅力的な Web サイトの両方を作成できることを証明しています。

テキストのサイズから移動のしやすさに至るまで、サイト上のすべてが誰にとっても機能します。現在、インスタント サイトのすべてのテンプレートの中で最も人気のあるオンライン ストア テンプレートの 1 つです。

最も人気のあるインスタント サイト テンプレートの 1 つ

ちなみに、Ecwid eコマースプラットフォームには、顧客だけでなく販売者もアクセスできます。オンライン ストアを管理する Ecwid 管理者も、アクセシビリティを念頭に置いて設計されています。これにより、障害のある事業主がオンライン ストアを効率的に運営することが容易になります。

視覚障害のある Ecwid 販売者が Ecwid ストアの運営について共有した内容は次のとおりです。

「視覚障害のある販売者にとって管理しやすい素晴らしいストアをありがとうございます。ウェブサイトだけでなくアプリも利用できるのがいつもではないのですが、とても嬉しいです!」

Ecwid がインスタント サイト テンプレートにアクセスできることを確認する方法

アクセシビリティとは、単に標準を遵守することだけを意味するものではなく、実際の人々がオンライン コンテンツを利用する際に障壁に遭遇しないことを意味します。 Ecwid はどのようにしてこれを達成したのでしょうか?

  • ハイコントラストテンプレート: 視覚に障害のあるユーザーでもテキストやその他の要素をすぐに識別できるように、視覚的な明瞭さが最優先されました。
  • 店頭での注目すべき点: レイアウトは、不必要に気を散らしたり追加のスクロールを必要とせずに、製品と店頭を強調表示するように構成されています。
  • 拡大要素: 見た目の美しさだけでなく、視覚障害のあるユーザーにも配慮して、大きな画像とフォントが採用されました。

注意することが重要です すべてのインスタント サイト テンプレートにアクセス可能。問題のテンプレートは、アクセシビリティを主な焦点として設計されていると同時に、洗練された美しいものになっています。後者は、機能を優先してデザイン要素を見落としがちなため、サイトのアクセシビリティを確保する際に行うのが難しい場合があります。しかし、私たちのテンプレートを使用すると、両方を達成することができました。

オンラインストアをアクセスしやすくする方法

アクセシブルなオンライン ストアの実装は難しそうに見えるかもしれませんが、実際はそうではありません。 Ecwid のインスタント サイト テンプレートと同様に、アクセス可能な Web サイト テンプレートを選択することから始まります。

オンライン ストアをよりアクセスしやすくするための追加のヒントをいくつか紹介します。

  • 画像に説明的な代替テキストを提供します。 視覚障害のあるユーザーのために、代替テキストで画像を説明します。
  • キーボード ナビゲーションとショートカットを含めます。 これにより、マウスを使用できない人でもキーボードを使用して Web サイトに移動できるようになります。
  • 慎重に色を選択してください: 特定の色を区別することが難しい人もいる可能性があるため、情報を伝えるために色だけを使用することは避けてください。
  • アクセシブルモードをアナウンスします: ストアがアクセシビリティ モードをサポートしていることを顧客に伝えます。

Ecwidの デザイン済み テンプレートを使用すると、アクセシビリティのベースラインから始めることができます。カスタマイズは歓迎しますが、アクセシビリティの維持に注意してください。

Web サイトを最初から作成する場合は、すべてのユーザーのアクセシビリティを考慮することが重要です。これは、WCAG、ADA、または同等の標準などのテンプレートまたはガイドラインを使用して、アクセス可能なベースラインから始めることを意味します。

しかし、これらのガイドラインを超えて、顧客ベースの特定のニーズを理解することも重要です。

たとえば、製品が色覚異常を持つ人に対応している場合、ナビゲーションと購入を容易にするために、ボタンの色とテキストの間に強いコントラストを提供することに重点を置く必要があります。

以下の写真は、そのような買い物客を対象とするオンライン ストアが、オプションを区別して購入できるように、ボタンの色とテキストの間に強いコントラストを必要とする理由を示しています。

大多数の人が色をどのように認識しているかは次のとおりです

色覚異常(色覚異常の一種)を持つ人が色をどのように認識するかは次のとおりです。

同様に、対象ユーザーに運動障害のある人が含まれている場合、音声コマンドによる簡単なナビゲーションを確保することで、ブラウジング エクスペリエンスを大幅に向上させることができます。

Google Lighthouse などのツールを使用してサイトを定期的にチェックし、ストアがどの程度アクセスしやすいかを確認してください。あらゆる人にとって居心地の良いオンライン スペースを作成するには、物事を継続的に評価して改善することが重要です。

要約

Ecwid のアクセスしやすい e コマース プラットフォームは、製品にとって単なる利点ではありません。すべては、誰もが e コマースを簡単にできるようにすることです。 Ecwid は、オンライン ストアのオーナーがビジネスを最大限に活用できるように支援します。さらに重要なのは、能力に関係なく、すべての顧客がスムーズなショッピング体験を確実にできるということです。

アクセシブルなデザインは単にコンプライアンスを遵守するだけではなく、すべての人にとって包括的で歓迎的なオンライン スペースを作成することを意味することを忘れないでください。したがって、ためらわずに率先してウェブサイトをアクセスしやすくしてください。すべての人にとって真にオープンで包括的なデジタル世界を目指して取り組みましょう。

 

目次

オンラインで販売

Ecwid Ecommerce を使用すると、インターネットを通じて、世界中のどこにいても、誰にでも簡単に販売できます。

著者,

Anastasia Prokofieva は Ecwid のコンテンツ ライターです。起業家の日々の業務を楽にし、やりがいのあるものにするためのオンライン マーケティングとプロモーションについて執筆しています。また、猫、チョコレート、自宅で作るコンブチャも大好きです。

あなたをサポートするEコマース

使い方はとても簡単で、テクノロジーに疎いクライアントでも使いこなせます。インストールもセットアップも簡単。他のショッププラグインよりはるかに優れています。
とても感銘を受けたので、自分の Web サイトのクライアントにこれを勧め、今では自分のストアと、私が Web マスターを務める他の 4 つのストアで使用しています。美しいコーディング、優れた一流のサポート、優れたドキュメント、すばらしいハウツー ビデオ。Ecwid に心から感謝します。最高です!
私は Ecwid を使っていますが、プラットフォーム自体が気に入っています。すべてが非常にシンプルになっており、驚くほどです。配送業者を選択するためのさまざまなオプションがあり、さまざまなバリエーションを入力できるのが気に入っています。これは非常にオープンな e コマース ゲートウェイです。
使いやすく、手頃な価格(始めるなら無料オプション)。プロフェッショナルな見た目で、選択できるテンプレートがたくさんあります。アプリは私のお気に入りの機能で、携帯電話から直接ストアを管理できます。強くお勧めします👌👍
Ecwid は簡単に始められて使いやすいのが気に入っています。技術的な知識がない私のような人でも使えます。ヘルプ記事もとてもよく書かれています。サポート チームは私の意見では最高です。
ECWID は、提供されているすべての機能の割に、セットアップが驚くほど簡単です。強くお勧めします。私は多くの調査を行い、他の競合製品 3 社ほどを試しました。ECWID を試してみるだけで、すぐにオンラインになります。

あなたのeコマースの夢はここから始まります

[すべてのCookieを受け入れる]をクリックすると、サイトナビゲーションを強化し、サイトの使用状況を分析し、マーケティング活動を支援するためにデバイスにCookieを保存することに同意したことになります。
あなたのプライバシー

ウェブサイトにアクセスすると、主にCookieによってお客様のブラウザに関する情報が保存または取得される場合があります。この情報の例として、お客様に関する情報、設定、デバイスに関する情報があり、主にウェブサイトの機能を最適化するために使用されます。これは、通常お客様が直接に特定されてしまう情報ではありませんが、お客様向けにパーソナライズされたウェブエクスペリエンスを提供することが可能となります。弊社ではお客様のプライバシーに関する権利を尊重しており、お客様は一部のCookieの使用を許可しないことを選択することができます。各カテゴリーの見出しをクリックすると詳細情報が表示され、デフォルト設定を変更することができます。しかし、一部のCookieをブロックすると、弊社が提供できるウェブサイトやサービスのエクスペリエンスに影響を与える場合があります。詳細情報

さらに詳しく

厳密に必要な Cookie (常に有効)
これらのCookieは、Webサイトが機能するために必要であり、システムでオフにすることはできません。 これらは通常、プライバシー設定の設定、ログイン、フォームへの入力など、サービスのリクエストに相当するユーザーのアクションに応じてのみ設定されます。 これらのCookieをブロックまたは警告するようにブラウザを設定できますが、サイトの一部が機能しなくなります。 これらのCookieには、個人を特定できる情報は保存されません。
ターゲティングCookie
これらのCookieは、広告パートナーによってサイトを通じて設定される場合があります。 それらはあなたの興味のプロフィールを構築し、他のサイトであなたに関連する広告を表示するためにそれらの会社によって使用されるかもしれません。 個人情報を直接保存するのではなく、ブラウザとインターネットデバイスを一意に識別することに基づいています。 これらのCookieを許可しないと、ターゲットを絞った広告が少なくなります。
機能的なクッキー
この Cookie により、ウェブサイトの機能強化とパーソナライゼーションが実現します。これらは当社または当社のページにサービスを追加したサードパーティプロバイダーによって設定される場合があります。これらの Cookie を許可しない場合は、サービスの一部またはすべてが正常に機能しない可能性があります。
パフォーマンスクッキー
この Cookie により訪問者数と通信トラフィックソースがカウントできるようになり、弊社サイトのパフォーマンスを判断し改善する際に役立ちます。最も人気があるページ、人気が低いページを確認したり、訪問者がサイト内をどのように移動するかを理解するのに役立ちます。これらの Cookie が収集するすべての情報はひとつにまとめられるので、匿名性が保たれています。この Cookie を受け入れなければ、利用者が弊社サイトを訪問しても、弊社にはわかりません。