Shopifyに無料のアクセシビリティウィジェットを追加する方法

Shopifyで販売する際、見込み客にサイトで歓迎されていないと感じさせたくはないでしょう。そう感じさせてしまうと、収益とブランドの評判の両方に悪影響が及ぶ可能性があります。しかし、アクセシビリティツールがなければ、障がいのあるユーザーを意図せず排除してしまっているかもしれません。

アクセシビリティツールは、Shopifyストアを誰もが買い物できる場にするために欠かせないものであり、その重要性は単なる社会的責任にとどまりません。米国の消費者にリーチしようとしている場合、障害を持つアメリカ人法(ADA)第III編に基づき、ストアが特定のアクセシビリティガイドラインへの準拠を法的に求められる可能性もあります。 

しかし、Shopifyは最適なECサイトビルダーの1つであるにもかかわらず、ユーザー向けの標準のアクセシビリティメニューは提供していません。そのため、ユーザーがサイトでの体験をカスタマイズするために利用できるサードパーティ製のアクセシビリティツールを、別途探す必要があるかもしれません。

高額な月額料金を支払ったり、コードの知識が必要なアドオンに対応したりすることなく、買い物客が自分でユーザー体験をコントロールできるようにするには、Jotformアクセシビリティウィジェットのような、無料でサーバー不要の埋め込みユーティリティを利用するのが最適です。このウィジェットはShopifyサイトに数分でインストールできます。ここから、始め方を順を追って見ていきましょう。

無料で簡単なアクセシビリティウィジェットを4ステップで追加する

障がいの種類によって必要なアクセシビリティ機能は異なるため、ウェブサイトを真にインクルーシブなものにするには、それぞれに対応する必要があります。コントラストの改善や文字サイズの拡大といった一般的で大まかなアクセシビリティ対応だけでは、すべてのユーザーのニーズに応えることはできません。だからこそ、どのアクセシビリティ機能をオンにするかをユーザー自身が選べる仕組みが必要なのです。

Jotformアクセシビリティウィジェットは、Shopifyのインターフェースにそのまま組み込める、軽量でノーコードのトグルメニューです。専用のトグルボタンを使って、ユーザーは次のようなアクセシビリティ機能を簡単に操作できます。

• 文字サイズの変更
• 高コントラストにするための色の反転
• リンクのハイライト表示
• ディスレクシアに配慮したフォントの使用
• キーボードフォーカスの管理

このウィジェットでは、ニーズに応じて複数のアクセシビリティオプションをまとめてオンにすることもできます。たとえば、てんかんや動きに対する過敏症のあるユーザーは、有害となる可能性のあるアニメーションや点滅効果を無効にする、発作に配慮した表示モードをオンにできます。こうした操作はすべてボタンをクリックするだけで簡単に行え、Shopifyサイトの読み込み速度を低下させることもありません。

このウィジェットをShopifyサイトに追加するのは、数回クリックするだけで完了します。

1. Jotformを開いてJotformアクセシビリティウィジェットのページにアクセスし、右上にある今すぐ始めるをクリックします。

2. 右側のウィジェットのプロパティメニューで、ツール、スタイル、言語、レイアウトなどの設定を更新します。

3. ウィジェットの準備ができたら、公開ボタンをクリックします。次に、コードをコピーボタンをクリックして、ウィジェットの埋め込みコードを取得します。

4. Shopifyサイトで新しいカスタムLiquidブロックを作成し、そのブロックにコードを貼り付けます。右上にある保存をクリックして、変更を確定します。

このウィジェットは、サイト訪問者に必要な機能に合わせて、ビルダー上で設定できます。色やテーマを調整して、ウェブサイトのブランドイメージに合わせることも可能です。

さらに、Jotformの豊富な無料のウェブサイトウィジェットのライブラリには、アクセシビリティツール以外にもさまざまなウィジェットがそろっており、月額のSaaSサブスクリプションなしで、Shopifyサイトの利益率やコンバージョン率を簡単に高められます。

スマートなサーバー不要のウィジェットでShopifyストアを強化する

Shopifyの使い勝手をさらに高める方法をお探しですか?それならJotformのウェブサイトウィジェットライブラリがおすすめです。150種類以上のスマートウィジェットを利用でき、専門的なコーディングの知識がなくても、ユーザーインターフェースに便利な機能を簡単に追加できます。

たとえば、次のようなユーザー向けのビジュアル要素を追加できます。

• Googleレビューウィジェット:顧客満足度やサポートの実績を示す
• トップに戻るウィジェット:ユーザーの操作をよりスムーズにする
• QRコードウィジェット:メニューや資料などに簡単にアクセスできるようにする
• カウントダウンウィジェット:今後のイベントや新商品の発売を告知する
• FAQウィジェット:お客様からのよくある質問にすばやく回答する

高額なウィジェットのサブスクリプションに毎月の予算を費やす必要はありません。代わりにJotformの無料ウェブサイトウィジェットを使って、上質でインクルーシブなユーザー体験を提供しましょう。