Web アクセシビリティ訴訟: 4 つの実際の例と重要なポイント

公開: 2023-04-24

米国では、6,100 万人以上が障害を持って生活しています (CDC)。人口のこのような大部分を除外することは、ビジネスの面で大きなチャンスを逃すことを意味します。アクセス可能な Web サイトを構築することは、道徳的および法的な理由から最も重要です。 Web デザインサービスの一部としてアクセシブルなデザインを提供することは、クライアントにとって大きな付加価値であり、確実に競合他社との差別化を図ることができます。

デジタルアクセシビリティは、素晴らしいウェブサイトを構築することから始まります。「Web サイトサービスをローカルビジネスに販売するための 6 ステップガイド」をダウンロードして、今すぐクライアントにアクセシビリティの提供を開始してください。

この記事では、Americans With Disabilities Act (ADA) の要点を紹介し、アクセシビリティ訴訟を起こした Web サイトをいくつか紹介します。さらに、費用のかかる法的な問題を回避し、ユーザーがクライアントの Web サイトにアクセスできる状態を維持するのに役立つヒントとベストプラクティスをいくつか提供します。

Web アクセシビリティが重要な理由
アメリカ障害者法 (ADA) とは
ウェブアクセシビリティ訴訟の実例
- ドミノ・ピザ対ギレルモ・ロブレス
- メアリー・コナー vs. パークウッド・エンターテイメント
- ギル vs. ウィン＝ディクシー
- 全米ろう者協会 vs. ハーバード + MIT
アクセシビリティのための Web サイト設計のヒントとベストプラクティス
1. WCAG 2.1 ガイドラインを理解する
2. キーボードアクセシビリティの設計
  - キーボードフォーカス
  - タブオーダー
  - キーボードトラップなし
3. 画像の代替テキストの提供
  - 効果的な代替テキストを作成するためのヒント
4. 適切な色のコントラストを使用する
5. アクセスできないコンテンツの回避
6. Web サイトのアクセシビリティのテスト
よくある質問
- アクセシビリティ訴訟とは？
- 最大のアクセシビリティ訴訟は何ですか?

Web アクセシビリティが重要な理由

Web アクセシビリティは、クライアント向けのサイトを開発する際に考慮すべき重要な問題です。アクセスできない Web サイトは、聴覚障害や視覚障害などの障害を持つ訪問者を除外するリスクがあるためです。これは一種の差別であるだけでなく、潜在的な顧客のグループを除外することにより、クライアントのビジネスの成長を制限します.

さらに、デジタルアクセシビリティは法的な問題になる可能性があります。障害を持つアメリカ人法 (ADA) は、障害のある個人に配慮を怠ることは差別の一形態であると規定しています。そのため、Web サイトのアクセシビリティに関する訴訟はますます一般的になっています。 2022 年には、米国で 3,200 件を超える Web サイトのアクセシビリティに関する訴訟が提起されました (Codemantra)。非準拠の企業にとって、これらの訴訟は莫大な弁護士費用、罰金、アクセス可能な Web サイトを提供できなかったという悪評を意味します。

アメリカ障害者法 (ADA) とは

Americans with Disabilities Act は、障害を持つ個人を差別から守るために制定されました。 ADA は 1990 年に法律に署名され、雇用、交通機関、公共施設 (店舗、レストラン、オフィスビルなど) の場所、通信などにおける差別を禁止しています。 ADA の下では、Web サイトやその他のコミュニケーションプラットフォームは、障害のある個人に配慮する必要があります。

Web コンテンツアクセシビリティガイドライン (WCAG) は、Web コンテンツアクセシビリティの国際標準を設定するために、Web アクセシビリティイニシアチブ (WAI) によって開発されました。これは、ADA に準拠し、障害を持つ個人の Web ブラウジングエクスペリエンスを向上させるために作成されました。これらのガイドラインは、Web デザイナーが、障害を持つ個人が Web サイトを自由に閲覧できるようにするために必要なさまざまな配慮について検討するのに役立ちます。アクセシビリティ対応の Web サイトを設計する際のゴールドスタンダードです。

ウェブアクセシビリティ訴訟の実例

Web アクセシビリティ訴訟の影響を受ける可能性が低いと思われる場合は、もう一度考えてみてください。これらの訴訟はますます一般的になり、あらゆる規模の企業に影響を与える可能性があります。ここでは、注意すべき最近の例をいくつか示します。

ドミノ・ピザ対ギレルモ・ロブレス

2016 年、Guillermo Robles という名前の盲目の男性が、オンラインプラットフォームを通じてカスタムピザを注文しようとして数回失敗した後、ピザチェーンの Domino's に対して訴訟を起こしました。スクリーンリーダーソフトウェアの助けを借りても、Robles 氏はオンラインで注文することができませんでした。 Robles 氏は訴訟で ADA を引用し、Domino's は物理的な場所 (公共の宿泊施設) を持つビジネスであるため、障害のある個人が Web サイトをアクセスできるようにする義務があると主張しました。

ドミノ・ピザは反論し、1990 年に法律が施行された時点では、ADA は現在の形で存在していなかったため、ウェブプラットフォームに ADA を適用するための明確なガイドラインは存在しないと主張しました。

最終的に、最高裁判所はロブレスの側についた. 2021 年 6 月、判事はドミノが完全にアクセス可能な Web サイトを提供しなかったことで ADA に違反したと裁定し、同社はそのサイトを WCAG 2.0 標準に準拠させるよう命じられました。

メアリー・コナー vs. パークウッド・エンターテイメント

2019年、ビヨンセのパークウッド・エンターテインメント社に対して集団訴訟が提起され、ウェブサイトbeyonce.comが視覚障害のある訪問者に対応できていないためADAに違反していると主張した.

この訴訟は、非常に視覚的なプラットフォームであるウェブサイトが、サイト全体の画像に適切な代替テキストを提供できなかったため、画面読み取りソフトウェアを使用している視覚障害のある訪問者がウェブサイトを通じて適切に解釈したり購入したりすることが不可能になったと主張している. 訴訟には、アクセス可能なナビゲーションリンクやメニューの欠如など、ウェブサイトに関するその他の苦情も記載されています。この訴訟の結果はまだ保留中です。

ギル vs. ウィン＝ディクシー

2017 年の食料品小売業者 Winn-Dixie に対する訴訟では、同社が ADA に違反していると非難されました。原告の Juan Carlos Gil は、スクリーンリーダーが Web サイトを解釈できず、製品の注文やアカウントの特典へのアクセスができなくなったため、訴訟を起こしました。原告は、ウェブサイトは公共の宿泊施設と見なされるべきであり、したがって、ADA ガイドラインに従わなければならないと主張した.

残念なことに、裁判所は最終的に Winn-Dixie に有利な判決を下し、Web サイトを使用できない顧客は単に店頭を訪れることができると述べました。しかし、訴訟に勝ったにもかかわらず、Winn-Dixie は自社の Web サイトを WCAG 2.0 標準に準拠させ、将来的に完全にアクセスできるようにすることを約束しました。

全米ろう者協会 vs. ハーバード + MIT

2015 年、全米ろう者協会 (NAD) は、個々の原告と協力して、ハーバードと MIT の両方に対して訴訟を起こしました。これらの訴訟は、各大学が無料のオンラインコンテンツにろう者と難聴者が平等にアクセスできるようにしなかったため、ADA に違反したと主張しました。

これらのウェブサイトのアクセシビリティ訴訟を却下するために両大学が何度も試みた後、彼らの申し立ては裁判所によって繰り返し拒否されました. 2020 年、両方の訴訟は和解に達し、ハーバードと MIT の両方が、一般に公開されているオンラインコンテンツを更新して、難聴者が等しくアクセスできるようにする必要がありました。

アクセシビリティのための Web サイト設計のヒントとベストプラクティス

Web アクセシビリティは、道徳的な観点から重要です。 ADA 準拠の Web サイトを使用すると、クライアントは人口の一部に対する差別を回避できます。さらに、アクセスできない Web サイトは、クライアントの製品やサービスのメリットから除外されます。これらの Web サイト設計のヒントに従って、Web サイトを設計する際にデジタルアクセシビリティを考慮してください。

1. WCAG 2.1 ガイドラインの理解

WCAG 2.1 ガイドラインを理解することは、ADA 準拠の Web サイトを作成するための最初のステップです。このガイドラインは、視覚障害、失明、難聴、光線過敏症など、さまざまな障害を持つ個人に推奨される配慮を概説しています。このドキュメントは進化しているため、Web 開発に携わるすべての人は、Web アクセシビリティ標準について常に最新情報を入手し、新しい標準が導入されたときに適応できるように準備する必要があります。

WCAG ガイドラインは非常に詳細ですが、アクセシブルな Web サイトに不可欠な要素には次のようなものがあります。

ウェブサイトの画像と視覚要素の適切な説明を提供する代替テキスト
ウェブサイトのテキストと背景の色のコントラストが強い
キーボードを使用して (マウスやトラックパッドを使用せずに) Web サイトを閲覧する機能
動画コンテンツのクローズドキャプション
もっと…

これらの各要素については後で詳しく説明しますが、これはアクセシブルな Web サイトを作成するために必要なことのほんの始まりにすぎません。 WCAG 2.1 ガイドラインを確認して、クライアント向けに構築する Web サイトが準拠していることを確認してください。

2. キーボードアクセシビリティの設計

視覚障害または運動障害のある Web サイトの訪問者は、コンピューターのマウスまたはトラックパッドを使用するのに苦労する場合があります。代わりに、これらの個人は Web サイトをナビゲートするためにキーボードのアクセシビリティに依存しています。以下は、キーボードでアクセスできる Web サイトの主要コンポーネントです。

キーボードフォーカス

キーボードフォーカス要素は、キーボードを使用してトリガーまたはアクティブ化できるボタン、リンク、チェックボックス、またはフィールドなどの項目です。キーボードでアクセスできる Web サイトでは、ユーザーはこれらの各要素をキーボードだけで制御できます。キーボードフォーカスとは、特定の要素が選択されていることを視覚的に示すものです。たとえば、テキストフィールドやボタンの周囲に色付きのアウトラインが表示されます。このフォーカスインジケーターは、個人がいつでも Web サイトのどの要素を操作しているかを特定するのに役立ちます。

タブオーダー

タブキーは、あるキーボードフォーカス要素から次の要素に移動するために使用されます。論理的なタブオーダーは、キーボードのアクセシビリティ機能に依存している個人にとって、ポジティブなユーザーエクスペリエンスを維持するために重要です。ほとんどの場合、タブオーダーはページの視覚的な流れと一致している必要があります。つまり、要素はページに表示される順序で選択する必要があります。ただし、最も直感的なタブオーダーは、ページのデザインによって異なる場合があります。

キーボードトラップなし

「キーボードトラップ」というフレーズは、キーボードで Web サイトをナビゲートするときに発生する可能性があるエラーを指します。たとえば、ユーザーが特定のフォーカス要素から移動できない場合、それはキーボードトラップと見なされます。サイトにキーボードトラップがないことを確認するには、ポップアップウィンドウ、ウィジェット、ギャラリーなど、Web サイトのあらゆる側面を徹底的にテストすることが重要です。空の状態のページでのキーボードトラップもテストすることを忘れないでください。これらはブラウジングエクスペリエンスに不可欠です。

3. 画像の代替テキストを提供する

「代替テキスト」または代替テキストは、Web サイト上の画像のメタデータに埋め込まれた説明的な語句または文です。視覚障害のある個人は、スクリーンリーダーソフトウェアを使用して Web サイトを閲覧します。これらのスクリーンリーダーは、代替テキストに依存して Web サイトの視覚要素を説明します。エディトリアル画像、グラフ、インフォグラフィック、図、イラスト、アイコンなど、サイト上の装飾以外のすべての画像に代替テキストを含める必要があります。

効果的な代替テキストを作成するためのヒント

ほとんどの場合、代替テキストは、画像のコンテキストを提供しながら、短く要点を示す必要があります。たとえば、ラブラドールレトリバーに関するウェブサイトで、2 匹の犬が綱引きをしている写真について説明しているとします。効果的な代替テキストの例としては、「2 匹のラブラドールが綱引きをしている」などがあります。このテキストは、画像内の犬の品種を特定することでコンテキストを提供しながら、画像を正確に説明しています。

図やグラフなどのより複雑なビジュアルの場合、グラフが何を示しているかを伝えるために、2 ～ 3 文の代替テキストが必要になる場合があります。たとえば、グラフが年齢に基づいたラブラドールレトリバーの平均体重を示している場合、代替テキストは「ラブラドールレトリバーの通常の体重は 4 か月で X ポンド、9 か月で X ポンドであることが示されています...」と表示される場合があります。

代替テキストを書くときは、画像が見えなくても、画像が伝えていることを誰かが理解できるように、説明が十分な情報を提供していることを確認してください。

4. 適切な色のコントラストを使用する

テキストと Web ページの背景の間に適切な色のコントラストを組み込むことは、Web アクセシビリティにとって不可欠です。色のコントラストが十分でない場合、視覚障害のあるユーザーは、サイトを効果的に読んだりナビゲートしたりするのに苦労する可能性があります。これはひどいユーザーエクスペリエンスをもたらすだけでなく、サイトの所有者が Web サイトのアクセシビリティ訴訟に対して脆弱になります。

サイトの色のコントラストが微妙すぎると、視覚障害のあるユーザーはテキストを読むのに苦労し、ユーザーエクスペリエンスが低下する可能性があります。 WCAG 2.1 ガイドラインでは、通常のテキストには 4.5:1 のコントラスト比を、Web サイトの大きなテキストには 3:1 のコントラスト比を推奨しています。

WCAG 2.1 ガイドラインには、色のコントラストに関する推奨事項も記載されています。設計したサイトのフォントの色と背景の色が十分なコントラストを提供しているかどうかわからない場合は、オンラインツールを使用して確認できます。「Web サイトアクセシビリティチェッカー」を Google ですばやく検索すると、いくつかのオプションが表示されます。 Web サイトのデザインサービスをクライアントに提供するときは、トレンディな色やデザインよりも色のコントラストを優先することを忘れないでください。

5. アクセスできないコンテンツを避ける

Web サイトのすべてのコンテンツは、障害を持つ個人がアクセスできる必要があるため、色のコントラストと代替テキストの要件があります。 Web サイトがビデオコンテンツをホストしている場合は、聴覚障害のあるユーザーがコンテンツにアクセスできるように、ビデオに音声による説明またはキャプションを含める必要があります。幸いなことに、ビデオコンテンツの文字起こしに役立つ多くの文字起こしサービスを利用できます。また、Rev や Otter Ai などのサービスを使用すると、ビデオキャプションを簡単かつ手頃な価格で入手できます。

最近、モバイルデバイスで Web サイトを閲覧するユーザーが非常に多いため、聴覚障害のないユーザーでもビデオのキャプションを高く評価しています。キャプションを使用すると、ユーザーは音声が邪魔になったり聞き取りにくい公共の場でビデオコンテンツを利用したりできます。これを念頭に置いて、動画にキャプションを含めると、視聴しやすくなり、視聴回数が増える可能性があります.

6. Web サイトのアクセシビリティのテスト

アクセシブルな Web サイトを設計することと、アクセシビリティ機能に依存して閲覧することは別のことです。 Web サイトのアクセシビリティをテストすることは、サイトが障害のある人にとって真に機能することを確認するために不可欠です。これにより、Web サイトのアクセシビリティに関する訴訟からクライアントを保護するだけでなく、障害のある顧客を不注意に除外することを防ぐことができます。

Web サイトのアクセシビリティチェッカーは、クライアントのサイトのアクセシビリティの問題を特定する優れた方法です。 EqualWeb や AccessiBe などのツールは、多数のアクセシビリティチェッカーのほんの一例です。これらのツールは Web サイトをスキャンし、コンプライアンスの問題を特定して、Web サイトが ADA に準拠していることを確認するために修正できます。

さまざまなアクセシビリティチェッカーがスキャンのベースとしてさまざまなコンプライアンス標準を使用しているため、ADA および WCAG 2.1 コンプライアンスをスキャンするものを選択してください。そうしないと、考慮する必要があるすべてのアクセシビリティの問題をチェッカーが検出できない可能性があります。

よくある質問

アクセシビリティ訴訟とは？

Web サイトアクセシビリティ訴訟は、Web アクセシビリティに関する ADA ガイドラインに準拠していない Web サイトの所有者に対する訴訟です。つまり、障害を持つ個人が Web サイトにアクセスできない場合、企業または個人は訴えられる可能性があります。

最大のアクセシビリティ訴訟は何ですか?

これまでで最大のアクセシビリティ訴訟は、National Federation of the Blind v. Target Corporation でした。この訴訟は、2018 年に 600 万ドルで和解しました。