ADAコンプライアンスチェックリスト：11の必須機能

公開: 2022-03-23

ジュディは、広告を見て、あなたの製品の1つに興味を持った後、あなたのWebサイトにアクセスします。彼女はあなたのホームページでビデオを見てクリックします。しかし、ビデオには問題があります。ジュディは聞き取りにくく、ビデオにキャプションがありません。

あなたのウェブサイトがアメリカ障害者法（ADA）によって設定されたガイドラインに従わない場合、ジュディのような人々があなたのサイトを離れる危険があります。さらに悪いことに、あなたのウェブサイトにアクセスできないために人々が訴訟を起こす可能性があります。

しかし、パニックに陥る前に、ADAコンプライアンスチェックリストをチェックして、Webサイトにアクセスできるようにするための11の必須機能を確認してください。詳細については、以下をお読みください。

また、最高のユーザーエクスペリエンスを提供するためのより役立つヒントやコツが必要な場合は、メールマガジン「RevenueWeekly」を購読してください。

さらに多くのデジタルマーケティングのアドバイスについては、 190,000人以上の他のマーケターが信頼するEメールにサインアップしてください： RevenueWeekly。

今日サインアップをしてください！

ADAに準拠しているとはどういう意味ですか？

「ADA準拠」と聞いた場合、それはどういう意味ですか？

ADAコンプライアンスは、障害を持つアメリカ人法（ADA）に基づいており、障害を持つ人々はすべての公共スペースにアクセスできるようにする必要があります。それは、誰かが視覚障害者、身体障害者、または別の障害者を持っているかどうかにかかわらず、同じスペースにアクセスするための宿泊施設が必要であることを意味します。

インターネットは公共の場と見なされているため、これらの宿泊施設はインターネットにまで及びます。そのため、さまざまな障害を持つ人々が簡単にWebサイトにアクセスできるWebサイトを作成する必要があります。

ADAコンプライアンスに従わない場合、顧客の喪失から法的な問題まで、多くの影響があります。

ADAコンプライアンスチェックリスト：リストをチェックするための11項目

ウェブサイトに準拠していることを確認するには、ウェブサイトADA準拠のチェックリストをチェックして、すべての人がウェブサイトにアクセスできるようにする方法を確認してください。

1. Webコンテンツアクセシビリティガイドライン（WCAG）に従ってください

このADAコンプライアンスWebサイトのチェックリストの最初は、Webコンテンツアクセシビリティガイドライン（WCAG）に従うことです。 WCAGは、企業がよりアクセスしやすいWebコンテンツを作成できるようにするガイドラインを設定します。これらのガイドラインに従うことは、前向きで機能的なWebサイトを提供するための優れた出発点です。

WCAGには4つのコア要素があります。

知覚可能性：あなたのウェブサイト上の情報は知覚しやすいですか？ Webサイトで情報を確認するのが難しい場合、または情報の明確なレイアウトを確認するのが難しい場合は、情報を明確に表示するようにWebサイトを調整する必要があります。
操作可能：あなたのウェブサイトは人々にとって使いやすく機能的ですか？ Webサイトのレイアウトがわかりにくい、またはナビゲーションが使いにくい場合は、WCAGガイドラインに適合しません。人々が情報を見つけやすいように、Webサイトを再最適化することをお勧めします。
理解できる：あなたのウェブサイトのインターフェースは理解しやすいですか？ナビゲーションが複雑な場合、またはタスクを完了するために複数の手順を実行する必要がある場合は、理解するのが非常に困難になる可能性があります。あなたはウェブサイトのプロセスをシンプルでわかりやすくしたいと思っています。
堅牢：あなたのウェブサイトはすべてのブラウザと支援プログラムに適応していますか？ウェブサイトをADAに準拠させたい場合は、スクリーンリーダーなどの支援プログラムと互換性があることを確認する必要があります。

WCAGガイドラインに従えば、ADAに準拠するためのファーストトラックにWebサイトを配置できます。

2.画像の代替テキストを追加します

次のADA準拠のチェックリストは、画像の代替テキストを追加することです。画像の代替テキストは、写真の内容を説明する画像のバックエンドに追加するテキストです。このテキストは、すべてのユーザーにとって重要です。

ウェブサイトに画像が読み込まれない場合は、代わりに代替テキストが表示されます。この代替テキストは、画像が何であるかをユーザーに伝えるのに役立つため、ユーザーは画像がページのコンテキストにどのように適用されるかを確認できます。

障害を持つユーザーにとって、代替テキストはWebサイトの内容を理解するために重要です。誰かが視覚障害者である場合、彼らはあなたのウェブサイト上の画像を見ることができません。代替テキストは、Webサイトにどのようなビジュアルがあるかを理解するためのコンテキストを提供します。

画像に代替テキストを追加するときは、画像の内容を説明していることを確認してください。画像に代替テキストを追加するためのヒントを次に示します。

関連する場合はターゲットキーワードを使用しますが、タグにキーワードを詰め込みすぎないでください
単純にしすぎないでください。「黒いテーブルに座っている赤い野球帽」ではなく「帽子」と言ってください。
写真を説明するために「の画像」というフレーズを使用しないでください。説明に入るだけです。

3.ビデオコンテンツにキャプションを追加します

ADAコンプライアンスチェックリストをチェックする次の項目は、ビデオコンテンツにキャプションを追加することです。クローズドキャプションは、障害を持つ人々がWebサイト上のビデオにアクセスできるようにするための優れた方法です。

動画のクローズドキャプションを有効にすると、難聴者が問題なく動画コンテンツを利用できるようになります。これは、コンテンツを消化しやすく、すべての人がアクセスできるようにするための優れた方法です。

4.急速に点滅するライトや色を使用しないでください

あなたがあなたのウェブサイトをデザインするとき、あなたはあなたのビジネスをあなたの競争から際立たせる方法を探しています。あなたのウェブサイトを目立たせるために、点滅するポップアップのようなフレアのポップを追加しようとするかもしれません。サイトをジャズアップするのは楽しいかもしれませんが、ADAに準拠していません。

ADA準拠に準拠するには、急速に点滅したり色が変化したりする要素をすべて削除する必要があります。これらの要素はてんかんのウェブサイトの訪問者に害を及ぼす可能性があるため、これらの要素を完全に削除することをお勧めします。

5.空のヘッダータグを削除します

このADAコンプライアンスWebサイトのチェックリストの次は、空のヘッダータグを削除することです。ヘッダータグは、ユーザーがページの構造を理解するのに役立つ重要な役割を果たします。情報の階層を作成して、ユーザーがページ上で情報がどのように編成されているかを理解できるようにします。

では、ヘッダータグが空であるかどうかが重要なのはなぜですか？

視覚障害のある読者は、コンテンツをざっと見て、構造を理解することはできません。視覚障害のない人には、空のヘッダータグは表示されません。空のスペースになります。視覚障害のある読者にとって、経験は同じではありません。

視覚障害のあるリーダーはスクリーンリーダーに依存しているため、プログラムがヘッダーが存在すると言うのを聞きますが、空であるため、それが何であるかを読み取ることはできません。その結果、ヘッダーが空であるためにページの構成を理解できないため、読者は混乱します。

すべての人に平等なエクスペリエンスを提供するには、空のヘッダータグを削除するか、テキストを追加します（該当する場合）。

6.色のコントラストに注意してください

ウェブサイトのADA準拠のチェックリストを確認するもう1つの項目は、色のコントラストを確認することです。色のコントラストは大したことではないように思われるかもしれませんが、障害を持つ人々に影響を与えます。

視力障害のある人や色覚異常の人にとって、特定の色のコントラストは見るのが難しいか、見るのが苦痛ですらあります。たとえば、Protan Color Blindness（赤が見えない）の人は、あなたの赤と黄色のWebサイトを1つの色として表示します。

それで、それはあなたがあなたのウェブサイト全体と配色を変えなければならないことを意味しますか？いいえ。それは、色のコントラストやWebサイトでの色の分離方法にもっと注意を払う必要があることを意味します。白を使用して色を分割し、コントラストを作成するなどの簡単な操作を行うことができます。

さらに、Webサイトの要素を定義するために色をどのように使用するかについて考えたいと思います。

したがって、たとえば、すべきこととすべきでないことに関する記事があり、赤と緑を使用して何が良いか悪いかを示す場合は、それを再考することをお勧めします。色だけに頼るのではなく、チェックマークやxマークなどの記号を追加して、すべきこととすべきでないことを定義することをお勧めします。

7.制限時間に通知を追加します

ウェブサイトのADA準拠チェックリストに追加するもう1つの項目は、ウェブサイトの時間制限に通知を追加することです。オファーを請求する場合でも、チェックアウトを完了する場合でも、Webサイトのプロセスに時間制限を設けて、人々がより迅速にアクションを完了するように促すことができます。

この戦略を実装する場合は、Webサイトにアクセスする他のユーザーがこの戦略にアクセスできるようにする必要があります。スクリーンリーダーを使用しているユーザーが時間切れの通知を受け取ることができるように、時間が不足しているときに通知を追加する必要があります。

8.Webサイトを論理的に整理します

ADAコンプライアンスチェックリストに追加するもう1つの項目は、Webサイトを論理的に整理することです。このヒントは当たり前のように思えるかもしれませんが、障害を持つ人々がWebサイトの内容をナビゲートして理解するのに大きな影響を与えます。

Webサイトのユーザーは、Webサイトを簡単にナビゲートし、必要な情報を見つけられるようにする必要があります。つまり、オーディエンスのために整理されたナビゲーションと論理的なページ構造を作成することを意味します。

ナビゲーションを作成するときは、他の人が閲覧しやすいように整理してください。カテゴリとサブカテゴリを作成して、ナビゲーションの構造を整えます。

Webサイトにページを作成するときは、情報の論理的な階層があることを確認してください。 H1、H2などを使用して、情報を整理します。スクリーンリーダーを使用するユーザーがコンテンツを簡単にフォローできるようになります。

9.Webサイトがキーボードでナビゲート可能であることを確認します

ADA準拠の次のチェックリストは、Webサイトがキーボードでナビゲートできることを確認することです。聴覚障害や視覚障害、運動障害のある人の多くは、マウスではなくキーボードを使用してWebサイトをナビゲートします。

同じ品質のエクスペリエンスを提供するには、ユーザーがキーボードを使用してWebサイトを簡単にナビゲートできるようにする必要があります。

Webサイトにアクセスし、次のキーを使用して移動することにより、キーボードの機能をテストできます。

上下の矢印
タブ
Shift+タブ
スペース
入る

これらのキーを使用してWebサイトのさまざまな要素に簡単にアクセスできる場合は、Webサイトにアクセスしてください。そうでない場合は、キーボードを使いやすくするために調整を行う必要があります。

10.適切なフォントを使用する

ADA準拠のチェックリストに追加するもう1つの項目は、適切なフォントを使用することです。このヒントは、ADAだけにとどまらず、適切なフォントを使用するとWebサイトが作成または破損する可能性があります。

読みにくいフォントは使いたくない。一部の視覚障害者は、Webサイトから情報を読み取ることができますが、フォントを大きくする必要があります。あなたのフォントが過度に凝ったものである場合、それらのユーザーはあなたのページを読むのに苦労するでしょう。

一般に、表示される「派手な」フォントオプションや筆記体フォントは使用しないでください（筆記体は控えめに使用してください）。ユーザーが読みやすい、明確で読みやすいフォントを使用してください。

11.ARIAラベルを使用する

このADA準拠チェックリストの最後は、Accessible Rich Internet Applications（ARIA）を使用することです。 ARIAラベルは、障害を持つ人々がWebサイトのさまざまな要素を理解するのに役立ちます。

たとえば、隅にXが付いたポップアップボックスを閉じて閉じる場合、障害者はそのXの意味を理解できない可能性があります。 ARIAラベルを使用すると、機能にコンテキストを追加できるため、ユーザーはそのラベルの意味を理解し、問題なくWebサイトを使用できます。

ARIAラベルは、シンボルなどのラベルのない要素のラベル付けと考えてください。それはあなたのウェブサイトをナビゲートして使いやすくするためのより多くのコンテキストを提供するのに役立ちます。

ADAコンプライアンスチェックリストの項目をチェックするのに助けが必要ですか？

すべての人がWebサイトにアクセスできるようにすることになると、ADA準拠のWebサイトのチェックリストにはチェックすべきことがたくさんあります。圧倒されたり、どこから始めればよいかわからない場合は、WebFXが役立ちます。ウェブデザインと開発で25年以上の経験を持つ私たちは、ADA準拠のウェブサイトを構築するために何が必要かを知っています。

ADAコンプライアンスサービスを使用すると、ウェブサイトを最適化してADA標準に準拠するように支援します。私たちはあなたがすべてのウェブサイト訪問者に素晴らしい体験を提供するのを手伝います。

開始するには、オンラインでお問い合わせいただくか、今日888-601-5359までお電話いただき、ストラテジストとお話しください。