あなたのウェブサイトはADAに準拠していますか？ 究極のチェックリスト

米国司法省（DOJ）がアメリカ障害者法（ADA）で、すべてのデジタルテクノロジーに障害を持つ人々が簡単にアクセスできるようにすることを義務付けているため、テクノロジーは法律に適合しています。

1990年にADAが最初に可決されたとき、ADAは車椅子やエレベーターのスロープなどの設備を必要とする人々を保護しようとしました。

現在、ADAコンプライアンスは、Web Content Accessibility Guidelines（WCAG）2.0を頻繁に引用している米国司法省のWebサイトにまで拡張されています。

WCAG 2.0は、低視力、失明、部分的または完全な難聴、学習障害、言語障害、光線過敏症などの障害を持つ人々がWebサイトにアクセスしやすくするための複数の基準を強調しています。

また、ADAのタイトルIIIによると、アクセスできないコンポーネントを含むWebサイトは、障害を持つ人々に対する差別的なものとして扱われます。

これは何を意味するのでしょうか？

ウェブサイトがADA（またはWCAG）に準拠するためには、障害を持つ人々がアクセスできる必要があります。 つまり、障害を持つ人々を含むすべての人が、Webサイトを簡単にナビゲートし、コンテンツにアクセスし、Webページ上のいくつかの要素に関与できる必要があります。 簡単に言えば、ウェブサイトは効果的なコミュニケーションを提供する必要があります。

たとえば、見づらいフォントや色は、視覚障害のある人を差別する可能性があります。 ADAはそのような慣行を禁止しています。

なぜあなたのウェブサイトはADAに準拠しなければならないのですか？

ADA準拠のサイトにはさまざまな利点があります。 それらをチェックしてください：

1.ペナルティを回避する

これは、ADA規制に準拠することの最初のメリットです。 基準を満たしていない場合、民事訴訟に直面するリスクがあります。 実際、ブルックスブラザーズ、フットロッカー、カイリージェンナー、フォーダム大学など、多くの評価の高いブランドが、ADA準拠のウェブサイトがないために訴えられています（出典：CWS）。

2.ターゲットオーディエンスを増やします

Service and Inclusionの調査によると、米国には約5,000万人の障害者がいます。 これは、国の約19パーセントが障害を持っていることを意味します。 したがって、あなたのウェブサイトが彼らにアクセスできない場合、あなたは多くの顧客を失っています。

たとえば、キャプションや代替テキストなしで製品の利点を説明するビデオや画像をサイトにアップロードすると、聴覚障害者や視覚障害者は製品の素晴らしさを理解できない可能性があります。 代替テキストのポイントは、画面読み上げツールでビジュアルを表現できるようにすることです。

3.SEOの取り組みを改善します

検索エンジンは、ユーザーフレンドリーなインターフェースを備えたウェブサイトを好みます。 あなたのサイトがウェブコンテンツアクセシビリティガイドライン（WCAG）に対応している場合、それはスクリーンリーダー、検索エンジン、そしてユーザーに同様にアピールし、最終的にSEO（検索エンジン最適化）の取り組みを改善します。

そのため、メタタグ付け、ビデオトランスクリプト、および代替テキストを真剣に検討する必要があります。

4.評判を高める

ADA準拠のウェブサイトを開発すると、ターゲット顧客に心理的な影響を与える可能性があります。 たとえば、ADAに準拠していないいくつかのウェブサイトにアクセスする視覚障害を持つ人々は、ブラウジング体験に関する限り、生の取引を得るでしょう。 これは、ADA準拠のサイトが優れたユーザーエクスペリエンスを提供し、それによってブランドに対する肯定的な印象を呼び起こすことができる場所です。

ADA準拠の重要性を確信した今、あなたはあなたのウェブサイトのアクセシビリティを改善したいと思う必要がありますか？ 次のセクションでは同じことを扱います。 だから、飛び込みます。

アクセシビリティを改善する方法は？

理想的には、ユーザーの心理的または身体的障害に関係なく、すべてのWebサイトがユーザーにアクセス可能/ナビゲート可能である必要があります。 そのため、次の重要な手順でアクションを実行することをお勧めします。

• 書体

テキストは、Webアクセシビリティの重要な要素です。 したがって、書体に注意を払うことが重要です。 ADAに適した書体には、Tahoma、Calibri、Arial、Times New Roman、Helvetica、Verdanaなどがあります。

• 色のコントラスト

テキストと背景の間の適切な色のコントラストは、色覚異常などの視覚障害の問題を抱えている人々に役立ちます。

テキストの色の選択も最も重要です。 特に、テキストの色を使用して意味を伝えることは控えてください。

• フォントサイズ

Webページの適切なフォントサイズにより、ユーザーはコンテンツを簡単に読むことができます。 Webサイトで使用するためのADAによるフォントサイズはありませんが、テキストには少なくとも12〜14pxのフォントを使用することをお勧めします。 テキストは、デスクトップ、タブレット、モバイルなどのデバイス間で効果的に表示する必要があります。

• キーボードのアクセシビリティ

運動障害または視覚障害のあるユーザーは、マウスの使用中に困難に直面します。 これにより、キーボードのアクセシビリティが重要になります。

アクセス可能なWebサイトを設計するときは、すべてのインタラクティブ要素（リンクなど）がTabキーでナビゲートできることを確認してください。 ここでも、上/下矢印キーをドロップダウンメニューに使用できます。 これらは、キーボードのみのユーザーが手間をかけずにサイトにアクセスするのに役立ちます。

• 代替テキスト

現在、すべてのWebサイトには、さまざまなグラフィック、画像、ビデオ、およびその他の視覚要素が含まれています。 問題は、スクリーンリーダーなどの支援デバイスがこれらのビジュアルを「読み取る」ことができないことです。 そのため、WCAG 2.0標準では、Webサイト開発者がグラフィック要素に代替テキストの説明を使用する必要があります。 これらには、代替テキスト、クローズドキャプションテキストなどが含まれる場合があります。

手始めに、重要な情報を画像としてのみ表示することは避けてください。 たとえば、「ホーム」ボタンは多くの場合、家のシンボルで表されます。 そのような要素の代替テキストの説明を必ず含めてください。

画像の代替テキストの説明とアニメーションやビデオのクローズドキャプションにより、視覚障害者はページの内容を理解できます。 ロゴからナビゲーションボタン、マップからグラフ、または回路図まで–代替テキストを追加することが重要です。

• ハイパーリンクテキスト

ハイパーリンクは、どのサイトにも不可欠な部分です。 これらはページ間の簡単なナビゲーションを促進し、ユーザーが追加情報を見つけることを可能にします。

通常の視力のある人の場合、ハイパーリンクは通常、特定の色で識別されます（通常、標準のリンクの場合は青、訪問したリンクの場合は紫）。

ただし、支援デバイスはこれらの色を「認識」または識別して、リンクを通常のテキストと区別することはできません。 したがって、ハイパーリンクはイタリック体にすることをお勧めします。

取るべき行動

Tenon、Axe、WAVEなどのツールを使用してアクセシビリティテストを実行します。 ツールはサイトをクロールして、確立されたWebアクセシビリティの基準を満たしていない領域を特定します。 あなたが技術的な事柄のプロでないなら、あなたは修理をする方法を理解していないかもしれません。 それでも、存在を知らなかったエラー、アラート、および警告を特定できます。

しかし、ADAの基準をよく知っているウェブサイトデザイン会社の専門家を簡単に雇うことができるのに、なぜこれらすべての問題を経験するのでしょうか。専門家は自動ツールだけに依存せず、手動監査を組み込んでいます。 また、問題の修正にも役立ちます。

ADAコンプライアンスは、忘れられないものではないことを忘れないでください。 コンプライアンス基準は、Webサイトと同じように進化します。 ですから、これをチェックしてください。

結論

つまり、ADAコンプライアンスがどのように競争上の優位性を提供し、さらに多くのトランザクションにつながる可能性があるかを見てきました。 では、何を待っていますか！ 経験豊富なウェブサイト開発会社に依頼して、ADA準拠のサイトを開発してください。

共有するものがありますか？ 私たちは皆目です！ 以下にコメントしてください。