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