システムの更新情報をみる

ご利用中のSquare サービスに影響を及ぼす可能性のある問題が発生しています。詳細については、弊社のステータスページに随時更新いたします。

ホーム画面に戻る

Square オンラインビジネスのサイトのウェブアクセシビリティ

Square-Online-Web-Accessibility-Design-Tools-JP

Square オンラインビジネスでは、プロ仕様のウェブサイトやオンラインストアを作成して、世界中の訪問者やお客さまにアピールできます。まず、誰もが操作できるアクセシビリティに配慮したサイトデザインを選択することをお勧めします。利用しやすいデザインであれば、お客さまの全般的な体験や満足度が向上します。平等かつインクルーシブな利便性で、できるだけ多くの訪問者をお迎えしましょう。

ご注意:Squareでのウェブサイトの作成について詳しくは、Square オンラインビジネスをはじめるをご覧ください。また、サイトデザインのさまざまなオプションについては、Square オンラインビジネスのサイトをデザイン・カスタマイズするをご確認ください。

以下のヒントは、拠点とする地域で規定されているアクセシビリティガイドラインを満たすウェブサイトを計画・作成するのに役立ちます。いつでも既存のサイトをアクセシビリティに配慮して改修できますが、最善のアプローチは、初めにサイトを作成するときにアクセシビリティを念頭に置いて計画することです。

テキストとリンクのアクセシビリティに関するヒント

ウェブサイト上でのコンテンツの記述や表示のし方は、アクセシビリティに大きな影響を与える場合があります。テキストを書いたりリンクしたりするときには、以下を自問してみましょう。

  • ズームインまたは拡大した場合にも読みやすいフォントやテキストであるか

  • テキストの行間隔は十分か

  • テキストと背景色のコントラストは適切か

  • コンテンツがわかりやすく簡潔に書かれているか

  • リンクと周りのテキストを簡単に識別できるか

  • 文脈から離れてもリンクテキストは意味をなすか(単に「こちらをクリック」ではなく、「私たちのミッションについて詳しくはこちらをクリック」という語句をリンクするなど)

  • すべてのページにわかりやすいタイトルが付けられているか

詳しくは、Square オンラインビジネスのサイトのフォントを選択するおよびリンクを追加するのガイドをご確認ください。

画像のアクセシビリティに関するヒント

ウェブサイトに表示される画像のHTMLコードには通常、「altテキスト」と呼ばれるものが含まれています。スクリーンリーダーがこのテキストを使用して目の不自由な訪問者に画像に内容を説明します。検索エンジンはこのaltテキストを読み取ってページの内容を詳しく理解するため、適切なaltテキストを使用することが、検索エンジン最適化(SEO)の面でも重要です。

画像にaltテキストを追加する場合、以下のような注意すべき重要ポイントがいくつかあります。

  • テキストは簡潔にまとめ、画像の目的や内容に重点を置きます。

  • altテキストに「~の写真」や「~の画像」などの語句は入れないでください。 スクリーンリーダーはすでにコンテンツを画像として識別しているからです。

  • 画像がリンクでもある場合、altテキストでリンクの機能を説明することが可能です(ただし、通常は画像ではなくテキストをリンクすることをお薦めします)。

  • 画像が単に飾りであり、ページの内容と関係ない場合、altテキストは空白にしてください。

詳しくは、Square オンラインビジネスの画像と背景をご覧ください。また、画像にaltテキスト を追加する方法の詳細は、ウェブサイトのページを最適化するをご確認ください。

ビデオのアクセシビリティに関するヒント

ウェブサイトにビデオが含まれている場合、字幕を追加したり、トランスクリプトを作成したりして利便性を向上できます。ビデオファイルに直接字幕を追加することも可能ですが、この場合、動画編集ソフトウェアが必要となり、時間がかかります。YouTubeやVimeoのようなサイトでビデオを管理し、組み込みの設定を使用して字幕を追加することをお勧めします。

ビデオ管理にYouTubeを使用している場合は、ビデオに字幕を追加することも、自動字幕起こし機能を使用して複数言語で字幕を表示することも可能です。自動字幕起こし機能は主に音声認識に基づいているため、結果が正確でない場合もありますが、映像処理の後で字幕を確認、編集できます。詳しくは、GoogleヘルプセンターでYouTube動画に字幕を追加する方法やYouTube動画に自動キャプションを利用する方法をご覧ください。また、VimeoサポートセンターでもVimeoの動画にキャプションを追加する方法をご確認いただけます。

Square オンラインビジネスでウェブサイト上の動画を表示する詳細もご覧ください。

その他のアクセシビリティ関連資料

ウェブアクセシビリティについてさらに詳しくは、以下の関連資料をご覧ください。


免責事項:本記事に記載されている情報は、情報提供のみを目的としており、法的な助言として解釈・依拠されることを意図したものではありません。弊社では、Squareのプラットフォームを使用して作成されたウェブサイトがアクセシビリティに関するコンプライアンス基準を満たしているかの保証はいたしません。ウェブサイトのアクセシビリティに関する詳しい情報については、司法管轄内の法令を参照することをお勧めします。多くの「表示されるとおりに作成される」サイトビルダーと同様に、完成したウェブサイトのアクセシビリティも、作られたとおりになります。Squareでは規格に準拠したウェブサイトを作成するためのあらゆるツールをご用意しておりますが、サイトのアクセシビリティに関する責任は加盟店さまが負います。

お探しの答えが見当たりませんか?