ブログ

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

最終更新日: 
Squarespaceに無料のアクセシビリティウィジェットを追加する方法

美しくレスポンシブなテンプレートで知られるSquarespaceは、サイトのデザイン性を最大限に高めたい方に人気のウェブサイト作成サービスです。しかし、あらゆる背景を持つユーザーをオンラインストアやサイトに迎え入れるには、スタイルだけでは十分ではありません。

障がいのあるユーザーには、利用を妨げる機能をオフにしたり調整したりできる選択肢が必要です。しかし、Squarespaceには現時点で、ユーザーが操作できる標準のアクセシビリティ切り替えメニューがありません。とはいえ、標準機能がないからといって、自分で追加できないわけではありません(高額な月額料金を払う必要もありません)。

Jotformが提供するような無料のウェブサイトウィジェットを使えば、すべてのユーザーが利用しやすいウェブサイトの作成が、わずか3ステップで完了します。Squarespace向けの無料アクセシビリティプラグインを導入すれば、ユーザーエクスペリエンス(UX)を大きく向上させ、SquarespaceのADA準拠を強化し、競合との差別化にもつなげることができます。

3ステップで無料のカスタマイズ可能なアクセシビリティウィジェットを追加する

Jotformアクセシビリティウィジェットを使えば、アクセシビリティの操作をユーザーの手元に届けることが簡単にできます。この既成のカスタマイズ可能なSquarespace用WCAGウィジェットは、数回クリックするだけで、あらゆるウェブサイトに追加できます。

Squarespaceにアクセシビリティメニューを無料で追加する手順は次のとおりです。

  1. ウェブサイト向けJotformアクセシビリティウィジェットのページを開き、右上の「今すぐ始める」をクリックします。
Jotformアクセシビリティウィジェットのランディングページのスクリーンショット。
  1. 「ウィジェットのプロパティ」メニューで、ツール、スタイル、言語、レイアウトなどの設定を更新します。
アクセシビリティウィジェットをページ上で開いた状態のJotformウィジェットビルダーのスクリーンショット。
  1. ウィジェットが完成したら「公開」ボタンをクリックし、続けて「コードをコピー」ボタンをクリックして埋め込みコードを取得します。
Jotformウィジェットビルダーの公開ページのスクリーンショット。
  1. Squarespaceサイトのホームページで編集画面を開き、グローバルフッターまでスクロールします。フッターに新しいコードブロックを作成し、埋め込みコードを追加して、「保存」ボタンをクリックします。
コードブロックのオプションが強調表示されたSquarespaceホームページのスクリーンショット。

これで、新しいウィジェットがサイト全体に追加されます。

コードブロックに埋め込みコードが入力され、隅にアクセシビリティウィジェットが表示されたSquarespaceホームページのスクリーンショット。

ノーコードで軽量なこのSquarespace用アクセシビリティウィジェットをウェブサイトのユーザーインターフェースに組み込めば、障がいのあるユーザーがコンテンツを利用する際の体験は大きく変わります。ユーザーは、次のようなインクルーシブな機能を利用できるようになります。

  • Squarespaceのテキストサイズ変更機能
  • ハイコントラストの色反転機能
  • リンクのハイライト表示
  • ディスレクシアに配慮したフォント
  • キーボードフォーカスインジケーター

シンプルな切り替え式のインターフェースにより、ユーザーはこれらの機能を好きなときにオン・オフできます。障がいの種類に応じたプリセットを使って、複数のオプションを一度に切り替えることも可能です。しかも、Squarespaceサイトの表示速度が低下することはありません。

このウィジェットはJotformウィジェットビルダーで設定でき、サイト訪問者が必要とする機能に合わせて構成できるほか、ウェブサイトのブランドイメージに合わせて調整することもできます。

Pro Tip

複数のオンラインツールを個別に使い分ける手間を減らしましょう。Jotform-Squarespace連携を使えば、オンラインフォームをSquarespaceの画面に直接組み込めるため、ウェブサイトの管理を効率化できます。

スマートなサーバーレスウィジェットでSquarespaceのUXを強化する

Jotformアクセシビリティウィジェットは、Jotformが提供する豊富な無料ウィジェットライブラリの一部にすぎません。150種類以上のウィジェットから選べるため、次のような人気の機能でSquarespaceサイトをさらに充実させることができます。

これらの機能は簡単に組み合わせられるため、お客様にとってより使いやすく、親しみやすく、躍動感のあるサイト体験をつくり出せます。さらに、基本的な機能しか提供しないサードパーティ製ウィジェットのために、苦労して得た利益を無駄にする必要もありません。

Squarespaceサイトのバックエンドの管理や設定に時間を費やすのではなく、導入するだけですぐに使えるこれらのウィジェットを活用して、お客様を魅了するコンテンツづくりに集中しましょう。

この記事は、高額な月額制のAIオーバーレイプラグインを利用せずに、誰もが使いやすいインクルーシブなブラウジング体験を提供し、SEOも強化したいSquarespaceサイトの運営者、ウェブデザイナー、デジタルエージェンシーの皆さまに向けた内容です。

コメントの送信:

Jotform Avatar
このサイトは reCAPTCHA によって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。

Podo Comment 最初のコメントを投稿してください。