店舗を ADA に準拠させる方法を学ぶことは、思っているよりも重要です。これは、重要な Web アクセシビリティ規制を確実に遵守するだけでなく、より忠実な顧客を引き付け、変換するための鍵にもなる可能性があります。
研究は示しています 米国成人の4人に1人 何らかの障害を抱えながら生きていますが、 インターネットのわずか 3% これらにアクセスできるのは、diviデュアル。以下は、できるだけ多くの潜在顧客にアプローチできるようにするためのステップバイステップのガイドです。 Shopify 店舗.
目次：
ウェブアクセシビリティとは何ですか?基礎
Web アクセシビリティとは、身体的または認知的障害や制限に関係なく、すべての訪問者にとって Web サイトを使いやすく便利にする実践のことです。
オンラインの世界は基本的にすべてのユーザーがアクセスできる必要があり、Web アクセシビリティを習得するということは、困難を経験した人々が引き続き前向きなオンライン エクスペリエンスにアクセスできるようにするために、特定の設計原則に従うことを意味します。
Web アクセシビリティ ガイドラインを正しく使用すると、ユーザーは Web 上で遭遇するページやアプリケーションを理解し、移動し、操作できるようになります。これには、聴覚、身体、視覚、神経、その他の制限に対処し、対応することが含まれます。
ADAとは何ですか？アメリカ障害者法
Web アクセシビリティは、さまざまな標準および規制グループによって管理されています。アメリカ障害者法は、ビジネス リーダーが Web サイトを設計する際に考慮する必要がある重要なガイドラインの 1 つです。
ADA は 1990 年に初めて法律として制定され、企業による差別を禁止する法律です。divi障害のある二重人格。
ADA の目標は、制限のある人々が他の人々と同じ権利と経験へのアクセスを確実に持つことです。会社の建物 Shopify 店舗は、コンプライアンスを保証し維持するために、ADA が定めたガイドラインに従っていることを確認する必要があります。
アクセシビリティを向上させることがなぜ重要なのか Shopify サイト？
最終的には、すべてのビジネスにアクセス可能な Web サイトが必要です。オンライン ストアを確保する、または Shopify Web サイトがアクセシビリティ基準に準拠していることは、コンプライアンスを維持し、ADA 訴訟を回避するために非常に重要です。ただし、サイトの収益性を高めるための良い方法でもあります。
2022 年、あるレポートでは、Web サイトの 83% 以上にアクセシビリティの問題があることが判明しました。これは、これらの企業をコンプライアンス罰金のリスクにさらしているだけでなく、最大の利益を逃していることも意味します。 $ 13兆 障害者によって管理される可処分所得の中で。
誰もがストアにアクセスして使用できない場合、潜在的なコンバージョンの機会を逃すことになります。さらに、Web アクセシビリティと検索エンジン最適化 (SEO) の間には明確な関係があるようです。明確で説明的な見出しと優れたユーザー エクスペリエンスを備えたサイトは、トラフィックが増えることで競合他社よりも上位にランクされる傾向があります。
私たちのトップ5 Shopify アクセシビリティに関するヒント
ための良いニュース Shopify 店舗オーナー様、アクセシビリティ機能は組み込まれていますか? Shopify、「Web コンテンツ アクセシビリティ ガイドライン」などの概念を遵守するために従うことができるガイドも含まれています。ただし、店舗が ADA に準拠していることを確認するために追加の措置を講じることは依然として重要です。
ここでは、始めるための重要なヒントを紹介します。
ストアのアクセシビリティを確認する
サイトのアクセシビリティ スコアに前向きな変更を加える前に、現在どのような問題があるかを理解する必要があります。これを行う最も簡単な方法は、無料の Web サイト アクセシビリティ チェッカーを使用することです。 ADA および WCAG 準拠のサイト accessibilitychecker.org など、さまざまな優れたツールが世にあります。
これらのツールは、サイト所有者がカラー パレットのコントラストやナビゲーションなどの問題を正確に特定できるように、さまざまなチェックを実行します。 「アクセシビリティを実現する」ツール、ウィジェット、および plugin電子商取引ストアのアクセシビリティを手動で調べることもできます。
たとえば、ストアをロードし、キーボード ナビゲーションを使用すると、マウスを使用せずにサイト内を移動できるようになります。
他にも注目すべき点は次のとおりです。
- タイポグラフィーとフォントのカスタマイズ: テキストを快適に読むために、一部のユーザーは表示方法を変更する必要があります。読みやすさを高めるには、ユーザーがテキストのサイズ、フォント、色、間隔を変更できるようにすることが重要です。ブラウザーを拡大して、コンテンツが重なり始めていないか、読みやすさの問題が発生していないかを確認できます。
- あなたのタブ: ページが読み込まれたら、ブラウザーのタブの上にマウスを移動し、Web ページの目的とコンテンツを明確に説明する固有のタイトルが表示されていることを確認します。これにより、ユーザーが Web サイトのページをより効果的に移動して理解できるようになります。
- エラーメッセージ： チェックアウト フォームなど、Web サイト上のフォームに間違ったデータまたは問題のあるデータを入力します。ユーザーに表示されるエラー メッセージが明確であり、問題の解決方法が示されていることを確認してください。
すべての画像に代替テキストを使用する
すべてのビジュアル メディアに代替テキストを追加する Shopify これは、アクセシビリティと検索エンジンの最適化戦略の改善の両方にとって非常に重要です。 「代替テキスト」は基本的に、スクリーン リーダーが視覚障害者または低視力の人に読み上げられる画像の簡単な説明です。divi双対性障害、または感覚処理障害または学習障害のある人。
代替テキストは、画像を他の人と同じように認識できない人のために、Web サイトのページの全体像を描くのに役立ちます。メディアに代替テキストを追加するには Shopifyでは、ブログのページ作成ツールや商品画像の「商品」画面をご利用いただけます。
商品に代替テキストを追加する場合は、商品をタップし、商品画像を選択して「プレビュー」画面を表示し、三点ボタンをタップします。 「代替テキストの編集」を選択し、詳細を入力します。テーマ画像にテキストを追加する場合は、テーマ エディターにアクセスし、代替テキストが必要な画像をクリックします。画像上の「編集」をクリックし、「代替テキスト」セクションにテキストを入力します。
「Sound Off」のウェブサイトをデザイン
最近では、数え切れないほどの e コマース Web サイトの管理者やビジネス オーナーがビデオを使用して製品の宣伝や共有に役立てています。format訪問者とのイオン。サイトでビデオを使用している場合、誰もが音声にアクセスして Web サイトを閲覧できるわけではないことに留意することが重要です。
さらに、聴覚障害を抱えているため、Web サイトで共有するコンテンツを聞くことが難しい人もいます。
製品ページにビデオを使用する場合でも、顧客の声を紹介する場合でも、プロモーション目的で使用する場合でも、コンテンツを単に「聞く」ことができないすべての人のためにキャプションと文字起こしが含まれていることを確認してください。
ビデオ コンテンツにキャプションやビジュアルの説明を追加すると、聴覚障害を持つユーザーだけでなく、すべてのユーザーのエクスペリエンスが向上します。顧客の中にはスマートフォンでコンテンツを閲覧する人もいるということを覚えておいてください。
約 これらの消費者の 75% は ビデオを見るときは携帯電話をミュートにしてください。文字起こしやキャプションを使用すると、コンテンツ内でより多くのキーワードを使用できるようになり、検索エンジンのランキングの可能性が向上する可能性があります。
説明的なヘッダーとリンクを使用する
Web サイトへのトラフィックを増やすために検索エンジン最適化戦略を利用している場合は、Web サイトのすべてのページでヘッダーと説明リンクをすでに使用しているはずです。 Web アクセシビリティとコンプライアンスを高めるには、まず、ページ上の大きなコンテンツ ブロックを小さなセクションに分割します。ユーザーをページ内でガイドするには、ヘッダーを順番に使用します (たとえば、H2、続いて H3)。
スクリーン リーダーと支援技術は、ユーザーがページ上のどこにいるのかを理解できるように、各小見出しを読み上げることを覚えておいてください。また、太字や斜体のフォントなど、他のデザイン戦略を使用して、特に重要な場合や引用を共有する場合に、特定の単語やフレーズに注意を向けることもできます。
ヘッダーを正しく使用することに加えて、リンクが説明的で明確であることを確認してください。説明的なリンクは、ユーザーがリンクをクリックすることで何を達成できるかを正確に理解するのに役立ちます。スクリーン リーダーを使用する人は、各リンクをたどって何をクリックすべきかを判断して、電子メールやその他のページを移動することがよくあります。にあるリンクを作成するformative は、顧客からの積極的なアクションを促すのに役立ちます。
適切な CTA (Call to Action) テキストも使用してください。たとえば、単に「ここで新しい靴下のコレクションをご覧ください」と言う代わりに、「ここをクリックして靴下のコレクションをご覧ください」と言ってみましょう。
色には注意してください
最後に、色は Web デザイン ツールの最も重要な資産の 1 つです。kit。色彩心理学は、人々があなたのブランドについてどのように考え、感じるかに影響を与えます。たとえば、青は信頼に関連する色であり、緑は自然や富に関連する色です。
色は感情を伝えるのにも役立ちますformatたとえば、赤いボタンはページ上のアセットに注目を集め、その重要性を示します。ページ上のリンクに異なる色を使用すると、顧客がクリックできる「アンカー テキスト」セグメントを識別するのにも役立ちます。
しかし、それを伝えようとすると、format色の付いたイオンだけでは問題が発生する可能性があります。視覚障害のある人は、「コントラストが低い」と色の変化を見逃してしまうことがあります。このため、特定のコンテンツを目立たせる別の方法を見つけることが重要です。たとえば、内部リンクに下線を引いたり太字にしたりして、リンクを見やすくすることができます。
カラーなどのオンラインツールを使用することもできます WebAIM のコントラスト チェッカー WCAG および ADA 標準に準拠していないページを特定するのに役立ちます。もう 1 つのオプションは、Web サイトを白黒で表示して、色を使用しなくてもページの重要な部分を識別できるかどうかを判断することです。
あなたを作る Shopify ADA準拠のストア
成功するオンライン ストアを構築することは、適切な e コマース プラットフォームを選択し、適切な商品を販売するだけではありません。また、ADA および WCAG のコンプライアンスのために定められたガイドラインに従って、ストアがすべてのユーザーに対して操作可能であることを確認する必要もあります。
アクセシビリティの最適化に取り組む Web サイト所有者は、法的問題のリスクを軽減し、顧客に提供するエクスペリエンスを確実に向上させることができます。
ただし、デジタル アクセシビリティの確保は 1 回限りのプロジェクトではありません。 Web サイトを更新したり、サイトに新しいものを追加したりするたびに、新たなアクセシビリティの問題が発生していないことを確認する必要があります。
ウェブサイトに潜在的な問題がないか定期的に監視し、制限や障害に関係なく、すべての消費者がストアにアクセスできるようにしてください。
コメント 0応答