ADA の Web サイトコンプライアンスとは何かについての初心者向けガイド?

Web サイトでの紹介 ADA コンプライアンス

American Disabilities Act は Web の時代より前に設計されたものであり、その設計者は意図的に進化するように設計しました。 「場所または公共施設」の概念は、法律の中核要素であり、その柔軟性の理想的な例かもしれません。 テクノロジーが進化するにつれて、今日、ウェブサイトやモバイル アプリは、購入、学習、共有、接続に不可欠な場所であり、ADA によって保護されていることがわかりました。 しかし、多くの人は、特定の標準や要件、または ADA 準拠の Web サイトとは何かについて明確ではありません。

Web サイトの ADA コンプライアンスの通過により、ビジネスの説明責任を果たすために裁判所制度を使用してきた代わりの法律業界がもたらされました。 これらの法的措置の多くは合法です。 以前は、法律が非常に複雑だったので、弁護士が簡単にお金を稼ぐことができました。 これは、ウェブサイトやモバイルアプリ、またはウェブサイトの ADA 違反への準拠を主張する法的措置が、米国だけでなく世界中に殺到しているため、今日、ますます多くの場合に当てはまります。

実は、これらのケースにはメリットがあります。 過去 2 年間、ユタ州の中間障害者向け WebAIM プロジェクトは、何百万ものトップ Web サイトのホームページでアクセシビリティ テストを実行してきました。 2020 年のレポートでは、ホームページの 98.1% で検出可能な WCAG 2 の障害があるか、ADA 準拠の Web サイトがないことが明らかになりました。 まさに事実は、インターネット サイトがアクセシビリティを可能にするために特別に設計および構築されていない限り、ADA 準拠の Web サイト設計ではないということです。これらの問題、または法的措置に直面します。 Web サイトの所有者が自発的に Web サイトの ADA コンプライアンスに取り組むことは素晴らしいことかもしれません。

ADA準拠のウェブサイトのデザインには、法的措置から安全を守るだけでなく、ビジネスに多くの利点があります. ADA コンプライアンス Web サイトは、多くの面で優れたホスピタリティをユーザーに提供します。 Web サイトでの ADA コンプライアンスのこれらの利点を見てみましょう。

• Americans with Disabilities Act (ADA) では、特定の企業が障害を持つ人々のための宿泊施設を形成することを義務付けています。Web ページは、目の不自由なユーザー、聴覚障害のあるユーザー、および音声、スクリーン リーダー、またはその他の支援技術を使用してナビゲートする必要がある人々がアクセスできるようにする必要があります。

• タイトル I に該当する企業、最低 15 人の常勤従業員で年間 20 週間以上営業する人々。 またはタイトル III、「公共施設」のカテゴリに該当する人は、ADA の対象となります。

• ADA準拠のWebサイトを作成しないと、ビジネスが訴訟、金銭的責任、ブランドの評判の低下につながる可能性があります.

しかし、単純に Web サイトの ADA コンプライアンスとは何かと尋ねた場合、それは具体的に何かに似ているのでしょうか? その場合、明確な規制がないため、答えはノーですが、簡単に言えば、ウェブサイトは合理的にアクセス可能であるべきであり、それを達成する方法はたくさんあります。

の基本を理解する - ADA コンプライアンスとは?

1990 年に可決された ADA は、障害のある人に対する差別を禁止し、障害のない人と同等の権利と機会が必要であることを保証しています。 この法律は、仕事や学校から交通機関、一般大衆をもてなす公共/私的な場所まで、すべての部門を対象としています。

2010 年、米国司法省は、アクセシブル デザインに関するアメリカ障害者法基準を可決し、Web サイトなどのすべての電子技術および知識技術を、視覚障害や聴覚障害などの障害のある人がアクセスできるようにすることを義務付けました。

ADA コンプライアンス Web サイトとは何かについて読むと、何度も出くわす共通の用語があり、それは WCAG です。 この用語の基本をすぐに理解しましょう。 WCAG は Web コンテンツ アクセシビリティ ガイドラインの略です。

誰が ADA コンプライアンスに従う必要がありますか?

ADA について最初に知っておくべきことは、どの企業が ADA に準拠する必要があるかということです。

ADA のタイトル I の下では、最低 15 人の常勤従業員を持ち、年間 20 週間以上営業するすべての事業が法律の対象となります。

タイトル IIIの下では、ホテル、銀行、公共交通機関などの「公共施設」のカテゴリに該当するビジネスも遵守する必要があります。つまり、物理的な考慮事項からデジタル施設まで、法律のすべてが適用されます。

あなたのビジネスが ADA のタイトル I またはタイトル III のいずれかに該当し、準拠していないと思われる場合は、障害弁護士に相談して選択肢を検討してください。

ADA コンプライアンス Web サイトをフォローする理由

Web サイトの ADA コンプライアンスは、特に法律で遵守する必要がない企業にとっては、リソースの浪費のように見えるかもしれません。 ウェブサイトを作り直すには、時間とエネルギー、そして多額の費用がかかります。 しかし、何かメリットはありますか？ 間違いなくあります。 これらの利点を見てみましょう。

法事です！

アクセスできない Web サイトは、Web サイトにアクセスするユーザーの数を確実に減らす可能性があります。 人口のほぼ 19% は、Web サイトの ADA コンプライアンスとは何かを考えずに取り残される膨大な数の人々です!

経済的に最も壊滅的な結果の 1 つは、訴えられるリスクです。 また、他のいくつかのブランドは、訴えられた後、ウェブサイトを修復するために何千ドルも費やさなければなりませんでした.

ウェブサイトの毎日のトラフィックに追加されます

米国内では約 5,000 万人が障害を持っており、多くの人が支援技術を使用してオンライン コンテンツにアクセスしています。 誰もがアクセスして体験できるインターネット サイトを持つことで、潜在的な視聴者を増やすことができます。 代替テキスト、キャプション、キーボードでアクセス可能なページ、およびその他の変更を加えることで、製品やサービスはそれらのオーディエンスをもてなすものになります。 誰かがあなたのオンライン プラットフォームにアクセスできない場合、販売はできません。 したがって、ビジネスの観点からは、アクセシビリティはより多くの潜在的な利益を意味します。

ブランド構築に役立つADA準拠のウェブサイトデザイン

人々は製品やサービスだけでなく、ブランドに恋をするため、ブランディングはビジネスのパンとバターです。 優れたブランディングは、費用対効果の最も高いオプションでなくても、同等の企業に何度も戻ってきます。 アクセシビリティを実装するためにさらに一歩進んだブランドは、たとえそれが要求されていなくても、利益だけでなく人々を気にかけていることを視聴者に示しています. オーディエンスへのコミットメントは、あなたのブランド、ひいてはあなたが企業として持つ価値について多くのことを物語っています。これは、顧客とのつながりを強化するのに役立つ可能性があります。

ADA 準拠の Web サイト設計は SEO のメリットをもたらします

自分のウェブサイトが検索エンジンのトップにランクされるのを見たくない人はいますか!? Web サイトの ADA コンプライアンスは、Web サイトのトラフィックを増加させるため、ここで確実にゲームチェンジャーになる可能性があります。 1 つを目指して、もう 1 つの特典を無料で手に入れましょう!

これは、コンプライアンスが、画像の代替テキスト、ビデオとオーディオのトランスクリプト、適切な見出しタグ、一貫した予測可能な構造など、SEO に適したコンポーネントをサポートしているためです。 代替テキストが正確でわかりやすいものであるほど、スクリーン リーダーや検索エンジンでの効果が高くなります。 トランスクリプトは、検索エンジンにスクロールする情報を提供します。つまり、より多くのキーワードを理解する必要があります。 同様に、見出しが正確であればあるほど、検索エンジンや他の人々にとってより高く評価されます。 アクセシビリティは収益に良いだけでなく、トラフィックの促進にも役立ちます。

Web サイトを ADA に準拠させるためのヒントとコツ

Web サイトの ADA コンプライアンスとは何ですか? Web サイトの ADA コンプライアンスを達成するにはどうすればよいですか? ビジネスと成長のためのウェブサイト開発に全体的に追加できるこれらの質問に対するいくつかの簡単な修正を見つけてください。

1. 満足のいくコントラスト比に取り組む

WCAG 2.0 は、少なくとも 4.5:1 のコントラスト比を推奨しています。 視覚障害者にとって、対照的な背景がないテキスト、無地の背景、またはテキストが画像内に埋め込まれている場合でも、テキストを読むことは困難になります。 たとえば、字幕付きの映画を見ていると、シーンを予期せずに字幕が表示され、読みにくくなることがあります。 たとえば、明るいシーンの前にテキストが表示された場合、テキストは読めなくなり、聴衆はセリフを知らないままになります。

このような混乱を避けるために、背景とテキストの間に適切なコントラスト比が必要です。

2. 色で遊びすぎない

この言葉が読めますか？ まあ、私たち全員ができるわけではありません！

色は Web サイトに適していますが、色を賢く使用することも同様に重要です。 色の識別ができない人は、指示が色やカラーコードに基づいている場合、指示に従えない可能性があります。 Color Limit のデザインは、ADA 準拠の Web サイトではありません。 つまり、ウェブサイトの ADA 準拠とは何かを語るときに、色の形で十分な情報を提供することは不可能であり、十分にアクセシブルであるとは見なされません。 したがって、ADA準拠のWebサイトとは何かに対する答えを探すには、色を超えて、アクセシブルなADA準拠のWebサイト設計戦術を使用して、ユーザーがWebサイトの要素を識別できるようにする必要があります.

3. 読みやすいフォームを作る

良いウェブサイトの目的は、問い合わせフォームに記入してもらうことで売上を上げることです。

これは、すべてのフォーム フィールドの説明ラベルが明確でないフォームの良い例ではありません。

むしろ、この画像では、フィールドがはっきりと読み取れます。 フォーム フィールド内に配置されたラベルは読みにくく、フォームへの入力中にスクリーン リーダーがラベルを見逃す可能性があります。 ほとんどの場合、認知障害のあるユーザーはフォーム フィールドの意図を見失う可能性があります。

4. 修正の余地を残す

間違えるのが人間！ 私たちは皆間違いを犯しますが、ユーザーもそうです。 また、ユーザーの観点からは、Web サイトの操作中にミスを犯した場合、改善の余地がないとイライラします。 ユーザーがウェブサイト上で必要に応じてエラーや脱落を修正できるように、ウェブサイトに規定が必要です。 また、そのような間違いに対する警告は、いくつかのメッセージ、記号、および色で与える必要がありますが、色だけで覚えておく必要はありません。 これらの間違いは、誤って入力された電子メール アドレス、またはユーザー側からの不完全な入力である可能性があります。 不完全なフィールドを表示するために、アスタリスクを使用して、これらのフィールドが必須であることをユーザーに知らせることができます。 それに加えて、エラーの場所でユーザーが必要なフィードバックを提供できるようにすることが重要です。 そのようなフィールドに入力するための指示は、間違いが修正されるだけでなく、何度も繰り返されないように、明示的である必要があります。 これは、訪問者との貴重なつながりを構築して販売につなげたり、コメント、ニュースレターのサインアップなど、何らかの形でやり取りするのに役立ちます.

5. マウスなしのオプションを与える

多くの人は、キーボードがマウスに加えて Web ページのナビゲーション オプションを提供するという事実を認識していない可能性があります。 ユーザーがキーボード ナビゲーションに簡単にアクセスできるようにするには、アクティブ化の状態 (マウス オーバー、キーボード フォーカス スタイル、タッチまたはクリック スタイル) を区別する色とデザインのバリエーションでリンクを示す必要があります。 キーボードのタブ キーを使用すると、どのリンクがアクティブで、特定のアクションが実行されたときにリンクで何が起こっているかをユーザーがすばやく認識することが重要です。 ユーザーの移動が制限されている場合、キーボード ナビゲーションは非常に便利です。 このような移動が制限されているユーザーの一部は、脳卒中患者である可能性があります。 健康シナリオとは別に、排出されたマウスやその他の同様の状況など、他の問題が発生する可能性があります。 これらのケースでは、キーボード ナビゲーションが必要になります。

6. 簡単なナビゲーションに取り組む

ロードトリップ中であろうと、空港内を移動中であろうと、方向、速度制限、警告、さらには停止に関しても、一貫した標識が私たちを助けてくれます。 そのような道しるべがなければ、私たちはアクセスできる旅を見つけられないかもしれません. あるセクションから別のセクションに到達する Web サイトのナビゲーションの場合も同様で、複数のナビゲーション方法が存在する可能性があります。 ただし、一部の方法は、他の方法よりも簡単で時間がかからない場合があります。 また、サイト検索やサイト マップなどの一貫したナビゲーションの役割と必要性が生じ、ラベル、スタイル、および位置が一貫していることを確認します。 明確な見出しとブレッドクラムは、ADA 準拠の Web サイト ナビゲーションに関しては、他の重要な補助手段または道しるべの一部です。 認知的または神経学的な課題を持つユーザーにとって、これらの一貫したデザイン要素は、ユーザーが迷子になったりイライラしたりするのを防ぎ、ユーザー エクスペリエンスを向上させる上で重要な役割を果たします。

7. 意味のある見出しを探す

優れたデザインは、ユーザーの目がデータの階層を認識できるようにします。 見出しとテキスト、グラフィックス、写真との関係を理解できるようにします。 ADHD などの認知疾患を持つユーザーは、明確かつ直接的に提示されていないコンテンツをナビゲートするのが難しい場合があることを考慮してください。 それを超えると、多くのユーザーは時間に追われ、見栄えの悪いコンテンツを解決しようとするのをすぐにやめることができます. 見出しスタイル、余白、要素の配置を巧みに使用することで、煩雑さが軽減され、コンテンツがよりアクセスしやすくなります。 お金に換算されるかなりの時間とエネルギーが、コンテンツの作成に費やされます。 効率的な設計により、顧客は貴重な情報を読みやすくなり、それに基づいて行動できるようになります。

8. レスポンシブ Web サイトのデザイン

モバイル向けに最適化されたコンテンツとウェブサイトは、Google によって高く評価されています。 ただし、デスクトップやその他のプラットフォームを監視する必要がないという意味ではありません。 モバイルやその他のデバイスなどの狭いビューの場合、プライマリ コンテンツは 1 列または 2 列で構成する必要があり、セカンダリ コンテンツはアイコンとリンクで表示できます。 逆に、デスクトップでは、リンクと可視ナビゲーションを使用して複数の列に情報を表示できます。 読みやすさを最大限に高めるには、このビューでテキストの行幅と文字サイズを最適化する必要があります。 認知障害または視覚障害のあるユーザーは、長い本文テキストの追跡を完了できない場合があります。 ADA 準拠の Web サイトとは何かを理解しているため、これらのシンプルなレスポンシブ Web サイトのデザインは、明確かつ迅速にコミュニケーションを行い、ユーザーを支援します。

9. メディアを消費するためのオプション

ADA コンプライアンス Web サイトとは何かについて話すとき、コンテンツは多くのユーザーにとってさまざまな形式になる可能性があります。 さまざまな障害を持つ人々の情報への平等なアクセスに役立ちます。 たとえば、複雑なグラフィックスの音声およびテキスト バージョンのトランスクリプトは、聴覚障害または視覚障害のあるユーザーにとってより魅力的なコンテンツにするのに役立ちます。 すでにコンテンツの多様性に取り組んでいる場合は、それは素晴らしいことです! ただし、そうでない場合は、どのように、何に焦点を合わせる必要があるかを理解してください。 また、ユーザーにいくつかのリンクを提供することで、そのようなコンテンツへのアクセスを容易にすることができます。 リンクは、音声トランスクリプト、ビデオの音声説明バージョン、キャプションまたは複雑なデザインや表のテキスト説明など、見つけやすいものにすることができます。

10. ユーザーコントロールの改善

ADA準拠のWebサイトとは何かという答えは、これらの驚くべきカルーセルまたは画像スライダーが、認知制限のあるユーザーが理解できない場合、十分に魅力的ではないという事実にあります. ビデオの自動再生機能は高価かもしれませんが、ADA 準拠の Web サイトとは何か、またはユーザーに情報を提供できる速さに関しては役に立ちません。 ユーザーは、次のビデオを再生するだけでなく、ビデオを最初からやり直す必要がある場合や、一部の部分をもう一度見たい場合でも、前に戻ったり、確認したり、巻き戻したりすることがあります。 サイトに自動再生のオーディオとビデオ、またはカルーセルの機能があるかどうかに関係なく、Web ページ上のメディアの再生、進行、一時停止をユーザーが制御できるようにします。

Web サイトでの ADA 準拠に関する結論

Web サイトの ADA コンプライアンスは、間違いなく、ほとんどのビジネスの To Do リストの中で最も重要なタスクの 1 つです。 この簡単に適用できるヒントとコツは、ユーザーを助けるだけでなく、トラフィックの増加や SEO ランキングの向上など、長期的にビジネスに役立つものです。 また、単に SEO に集中している間に、ほとんどの ADA 基準を満たしている可能性もあります。 これで、このブログで言及されているポイントについて Web サイトを分析するだけで、デジタル プレゼンスにさらに意味を追加し、Web サイトを ADA に準拠させることができるリストにたどり着くことができます。 ADA 準拠の Web サイトを構築することは、少し難しく、時間がかかる場合があります。 しかし、それだけの価値があります。

ADA 準拠の Web サイトの設計に取り組んでいますか? または、ADA に準拠した Web サイトを既に持っていますか? あなたが直面している課題は何ですか？

以下のコメント欄で議論しましょう。または、電話または電子メールを送信することもできます. 私たちのチームが喜んでお手伝いします！