ウェブサイトのアクセシビリティに関する訴訟が増加中: WordPress サイトを ADA 準拠にする方法

公開: 2023-02-24

アメリカ障害者法 (ADA) について、どの程度ご存知ですか? 残念なことに、毎年、ADA に準拠していないことを理由に訴えられて苦境に陥っている Web サイトの所有者が増えています。 ADA は、障害のある個人が住宅、雇用、交通機関、公共施設、通信、自治体レベルに至るまで政府のプログラムやサービスに公正かつ平等にアクセスできるようにするために設立されました。

主要な国際法律事務所である Seyfarth Shaw LLP の報告によると、2022 年には連邦裁判所に 3,255 件の訴訟が提起されました。 」 2010 年以降、この数は毎年 10% 以上増加しています。 ウェブサイト関連のアクセシビリティ訴訟は現在、ADA タイトル III 訴訟全体の 37% を占めています。

では、「WordPress ADA 準拠」とはどういう意味でしょうか?

ADAはオンラインでも適用されます

ADA の法律により、障害者のアクセシビリティは物理的な世界だけのものではないことが明確になりました。 これは、私たちの多くが働き、多くの時間を費やすデジタル空間にも当てはまります。 重要なサービスを提供する職場や公共スペース、オフィスは、誰もがアクセスできる必要があります。 ウェブサイトもそうです。

ADA は、従業員が 15 人以上の個人雇用主である場合、個人がそのアクセシビリティ ポリシーを順守しなければならないと明示的に述べています。

そして、デジタルの世界には、あなたが所有し運営している WordPress ウェブサイトが含まれます。

これが、ADA に完全に準拠した WordPress サイトを構築する必要がある理由です。

幸いなことに、WordPress サイトの所有者が ADA に準拠するためには、多くのソフトウェア プログラムと専用ツールが役立ちます。 いくつかの確立された慣行に従い、いくつかの重要なツールを使用してください。 これにより、障害のある人を含むすべての人がサイトのコンテンツにアクセスできるようになります。

このガイドでは、Americans with Disabilities Act と、潜在的な法的措置を回避するために、オンライン プロパティでこれを遵守する必要がある理由について詳しく説明します。 アクセシブルな Web サイトを構築する理由は他にもたくさんあり、それらはサイトの所有者に直接的な利益をもたらします。

最後に、今日から活用できる 4 つの重要なアクセシビリティのヒントについて説明します。

見てみましょう。

WordPress ウェブサイトが ADA 準拠である必要がある理由

ADA (アメリカ障害者法) は、障害を持つ個人に対する差別の可能性に対処する法律です。

米国連邦法には、企業が個人の身体能力に基づいて仕事や住居を拒否することを完全に禁止する強力な保護が含まれています。

ADA は、以下への公正なアクセスを要求します。

  • 公共スペース
  • 交通機関
  • 教育
  • …もっと…

物理的な世界を超えて、ADA の保護はすべての情報技術と電子的なアクセシビリティにも適用されます。

このため、ADA コンプライアンスは、公開されているほぼすべての Web サイトに影響を与えます。 また、法律が存在しなかったとしても、WordPress サイトにできるだけ多くのユーザーがアクセスできるようにすることは、依然として優れた慣行です。

より具体的には、ADA は、従業員が 15 人以上の個人雇用主である場合、個人がアクセシビリティ ポリシーを遵守しなければならないと明示的に述べています。

さらに、登録された慈善団体など、公益のために運営するビジネスを所有している場合は、ADA コンプライアンスが必須です。

さらに、学校のサイトを含むすべての地方および州政府機関の Web サイトは、100% ADA に準拠する必要があります。

WordPress ADA 準拠の Web サイトを持つとはどういう意味ですか?

まず、ADA によって施行されている Web サイトのアクセシビリティ標準のいくつかを見てみましょう。

  • ADA 準拠の Web サイトでは、視覚障害のあるサイト ユーザーがスクリーン リーダーを使用してサイトのコンテンツを認識できるようにする必要があります。
  • サイトは、すべてのオーディオ コンテンツの文字起こしまたは字幕を提供する必要があります。 これにより、耳の聞こえないユーザーがサイトのコンテンツを摂取できるようになります。
  • 従来のコンピューターのマウスを使用できないユーザーがサイトをナビゲートできるように、キーボード ナビゲーションをサポートする機能が必要です。
  • WordPress ADA 準拠のサイトは、色盲または光過敏症のユーザーに対応するのに役立つアクセシブルなビジュアル デザインを実装します。

これは、ADA 準拠規格の包括的なリストではないことに注意してください。 このガイドを進めていくと、WordPress サイトがすべての ADA 要件をどのように満たすことができるかについて、さらに詳しく説明していきます。 アクセシビリティの技術的な側面を説明するときは、その全体像 (およびその利点) を念頭に置いてください。

ADA準拠のWordPress Webサイトを持たないことで考えられる結果は何ですか?

サイトがこれらの基準を完全に満たしていない場合、法律で問題が発生する可能性があることに注意してください。 これは、障害を持つ個人が WordPress Web サイトに簡単にアクセスして使用することを排除するつもりがなかった場合でも当てはまります。 実際、ADA準拠の場合、その意図は法律とは別のものです。

意図がなくても、誰かがあなたとあなたのビジネスに対して訴訟を起こす確固たる根拠がある可能性があります.

これは理論上の脅威ではありません。 近年、ADA に準拠した Web サイトに関する注目を集める訴訟がいくつか提起されています。 これらの訴訟の中で最も広く取り上げられたのは、ドミノ・ピザのブランドに対するものでした。 この訴訟は、合衆国最高裁判所まで争われました。

障害を持つ人々にとってよりアクセスしやすい WordPress サイトを構築することは、正しいことだけではありません。 また、ブランドとビジネス全体に大きな利益をもたらす可能性があります。

WHO (世界保健機関) によると、世界中で約 13 億人が少なくとも 1 種類の障害を持っています。 これは、全世界の人口の約 16% に相当します。 これは、多くの潜在的な新規顧客とサイトの閲覧者です。

WordPress ADA準拠

ターゲットは、アクセシビリティ訴訟の敗訴から何を学びましたか?

ワールド ワイド ウェブ コンソーシアム (W3C) のウェブ アクセシビリティ イニシアチブは、米国の大手企業のアクセシビリティに問題のあるウェブサイトである target.com に対する影響力のある初期の ADA 訴訟のケース スタディを提供しています。 Target の Web サイトには主要なアクセシビリティ機能が欠けていたため、National Federation of the Blind (NFB) が本件の原告として勝訴しました。

  • スクリーン リーダーを使用して視覚障害者向けに画像を説明する代替 (alt) テキスト
  • マウスを使わずにオンライン購入を完了するためのキーボード コントロール
  • 店舗の場所を示すアクセシブルなイメージ マップ
  • サイトのナビゲーションを支援する見出しを備えた、標準に準拠した適切なセマンティック HTML ページのデザイン

今日、Target Corporation は Web アクセシビリティのチャンピオンです。 Target の最高デジタル責任者であり、2016 年に Target.com の社長を務めた Jason Goldberger は、Target.com をアクセシブルで ADA に準拠させるために 10 年間取り組んだ後、彼が最も誇りに思っていることを説明しています。

…さまざまなチームの同僚が、プロンプトなしでアクセシビリティについて話し、私たちからのリマインダーなしでそれを計画に組み込んでいるのを定期的に耳にします。 それは日常会話の一部になりました。いつもそうであるとは限らなかったので、それはかなり驚くべきことです. 障害者のことを考えることは、デジタル チームの不可欠な部分であり、私や他の目の不自由なゲストにとって、それはターゲットを特別なものにしているもう 1 つの部分です。

アクセシビリティはその実装において非常に技術的なものになる可能性がありますが、これはそれがサポートし、可能にするものの全体像です: 顧客と潜在的な顧客のニーズに合わせた前向きな企業文化.

WordPress ADA 準拠の Web サイトを取得する方法

これで、Americans with Disabilities Act とは何か、そしてなぜそれが重要なのかについての一般的な理解が得られました。 次に、WordPress サイトを準拠させる方法を見ていきます。

そのために必要な4つのことをご紹介します。

1. ADA準拠のWordPressサイトがどのように見えるかを学ぶ

米国司法省は、ADA の正式なコンプライアンス ガイドラインをまだリリースまたは公開していません。 ただし、それはいくつかの確かな推奨事項を提供します。

WCAG に慣れる

特に、ADA は、すべての組織が Web コンテンツ アクセシビリティ ガイドライン (WCAG) の 2.0 レベル AA に従うことを強く推奨しています。

これらのガイドラインでは、すべてのサイト訪問者が WordPress サイトに表示されるすべての情報を認識できる必要があると明示的に述べています。 これを行うには、サイトの所有者は、サイトに乗っているメディアに代わるものを提供する必要があります。

ビデオ字幕

例としてYouTubeを見てください。 ADA への準拠が必要になったため、プラットフォームでホストおよび再生されるすべてのビデオおよびオーディオ コンテンツに字幕が自動的に提供されます。

サイトへの訪問者は、すべてのコンテンツを理解できる必要もあります。 この懸念に対処するために、ユーザーがサイトの特定の領域と対話する方法について追加のガイダンスを提供すると役立つことがよくあります。

アクセス可能なフォーム

たとえば、推奨される入力プロンプトを使用して、サイト ユーザーが連絡先フォームに入力する必要がある情報を明確にすることを検討できます。

さらに、ユーザーが間違った情報をフォームに入力した場合は、これらの入力エラーを修正するためにできることについて簡単な推奨事項を提供するようにしてください。

これを行うと、無効なユーザー入力を含む一般的なエラー メッセージのみを表示するよりも、はるかに役立ちます (アクセスしやすくなります)。

スクリーン リーダーとキーボード ナビゲーションのサポート

スクリーン リーダーを使用してサイトと対話しているサイト訪問者が既にいる可能性があります。 これを行っている人にとって、説明的な代替テキストは、WordPress サイトに表示される画像を理解するのに非常に役立ちます.

手先の器用さや視覚的な器用さに問題がある人は、多くの場合、キーパッドやキーボードなどのナビゲーション コントロールを使用して Web サイトを操作する方がはるかに簡単です。 これを行うユーザーのために、サイト ナビゲーションの一貫した明確な構造が必要になります。

現在フォーカスされている要素を視覚的に示すこともできます。 これらの要素は、サイト訪問者が次にキーボードの [Return] キーを押すなどのアクションを実行したときにアクティブになります。

2. ADA コンプライアンス レビューを実施して、現在の状況を確認する

アクセシビリティは単純なトピックではありません。 実際、これは、よりユーザーフレンドリーな WordPress サイトを作成するために使用される、さまざまなデザインの広告インターフェイス要素を含む大きなトピックです。 Web サイトの所有者がアクセシビリティ関連の要素を 1 つでも見落とすと、サイト ユーザー (および潜在的な顧客) がサイトでポジティブな体験をするのを簡単に妨げる可能性があります。

Web サイトがどの程度 ADA に準拠しているかを判断するには、Web アクセシビリティ評価ツールを使用するのが最適です。

Webアクセシビリティ評価（WAVE）

アクセシビリティ標準に照らしてサイトのユーザー エクスペリエンス (UX) の品質を評価するための出発点として、Web サイト アクセシビリティ評価 (WAVE) と呼ばれる一連のツールを使用することをお勧めします。 WAVE は WordPress サイトをスキャンし、アクセシビリティに関するすべての潜在的な問題を一覧表示します。 これは、サイトのユーザビリティに影響を与える可能性のあるさまざまな問題を特定するのに役立つ、非常に価値のあるツールです。

WAVE からこのリストを表示すると、付随するアイコンをクリックして、検出された各アクセシビリティ エラーに関する詳細情報を取得できます。 このツールは、ユーザビリティに関する各問題についてさらに詳しい洞察を提供するリソースも提案します。

残念ながら、WAVE は一度に 1 つの Web ページしかスキャンできない限定的なツールです。 WordPress サイト全体をスキャンするプロセスを高速化するには、Firefox 用の WAVE または Chrome 用の WAVE 拡張機能をインストールすることをお勧めします (好みのブラウザーによって異なります)。

拡張機能により、現在表示しているすべての Web ページで WAVE を実行できます。

3. アクセシブルなサイトを作成するときは、常に WordPress ADA 準拠のベスト プラクティスに従う

サイトのアクセシビリティをテストして結果をまとめたら、特定した個々の問題に対処します。

サイトのコンテンツを十分に把握することが不可欠です。 すでに公開したものに代わるメディア出力を提供できるかどうかを検討してください。

可能な限り、すべてのビデオおよびオーディオ コンテンツに専門的に転写された字幕を提供するようにしてください。

文字起こしサービス

コンテンツを専門家に文字起こししてもらうことができない場合、キャプションを自動生成するソフトウェア ツールがいくつかあります。

残念ながら、それらのいくつかは少しずさんで不正確な場合があります。 ただし、文字起こしソフトウェア ツールを使用するしかない場合は、コンテンツの文字起こしを提供しないよりはましです。

また、WordPress サイトのビジュアルに代替テキストを提供することもできます。 この信じられないほど便利な方法は、スクリーン リーダーなどのアクセシビリティ ツールを通じて Web サイトを利用するすべてのユーザーに大きなメリットをもたらします。

ALT テキストと画像

WordPress では、メディア ライブラリ内の画像やビジュアルに説明的な代替テキストを簡単に追加できます。

さらに、ADA コンプライアンスを求めている多くの WordPress サイト所有者は、Web サイトの画像にテキストを含めないことが最善であることに気付きました。 画像内に大量のテキストがあると、代替テキストのみを使用して視覚障害者にグラフィックを説明することが難しくなります。

代わりに、コードを使用して同様の効果を構築できるかどうかを検討してください。 例として、伝えようとしている情報をプレーン テキストとして追加できます。 次に、CSS を使用してスタイルを設定します。

コントラスト比

視覚障害のあるサイト訪問者を完全にサポートするには、すべてのテキストで少なくとも 4.5:1 のコントラスト比を維持することをお勧めします。 また、すべてのテキストを 200% までサイズ変更できるようにすることもできます。

あなたが直面する課題は、サイトの機能に影響を与えることなく、この種の柔軟性を提供することです. これには、変更を公開する前に、多くのユーザビリティ テストを行うことが必要になる可能性があります。

サイトに影響を与えるアクセシビリティの問題について詳しく知りたい場合は、サイトのすべてのコンテンツを WAVE ツールで実行することが重要です。 次に、時間をかけて WAVE が提案するすべてのリソースを読んでください。

アクセシビリティに関しては、WCAG によって設定されたガイドラインが業界標準として広く受け入れられています。 ただし、WebAIM のアクセシビリティ チェックリストも参照することをお勧めします。 このツールは、WCAG 2.1 の公式仕様を要約することを目的としています。

4. WordPress ADA コンプライアンスを改善するプラグインをインストールする

WordPress リポジトリのさまざまなプラグインとツールは、WordPress ADA コンプライアンスに向けてあなたを導くことを約束します. たとえば、WP ADA Compliance Check Basic を使用して、アクセシビリティの問題について Web サイト全体をすばやくスキャンできます。

WP ADAコンプライアンスチェックベーシック

WP ADA Compliance Check Basic – WordPress 向けの最も包括的な Web アクセシビリティ ソリューション

この便利なプラグインは、WAVE ツールと同様に、検出された各問題に関する詳細情報を提供するリソースを提案します。 ただし、これにより、影響を受けるコードへの直接リンクも取得できます。 これは、アクセシビリティに関する複雑な問題を解決する必要がある場合に非常に役立ちます。

考慮すべきもう 1 つのツールは、Accessibility Checker プラグインです。 このプラグインは、ダッシュボード内から WordPress サイト全体をスキャンできるようにしながら、WordPress 固有のバージョンの WAVE になろうとします。

イコライズ デジタル アクセシビリティ チェッカー

Equalize Digital Accessibility Checker – WCAG、ADA、セクション 508 アクセシビリティ エラーについて Web サイトを監査します

WordPress Web サイトの所有者として、アクセスしやすいサイトを作成するさまざまな方法があります。 ただし、サイトを実行するために間違ったテーマを選択すると、すべての努力が無効になる可能性があります。

WordPress.org のテーマ リポジトリには、プロがデザインしたテーマがたくさんあります。 ただし、最も経験豊富な WordPress デザイナーでさえ、ADA コンプライアンスとアクセシビリティに関連する重要な原則を見落とすことがあります。

WPアクセシビリティ

この問題を解決するために、WP Accessibility プラグインは WordPress テーマ内で発生する問題に対処します。 プラグインをダウンロードして有効化したら、WordPress ダッシュボード内の [設定] > [WP アクセシビリティ] に移動します。

WPアクセシビリティ

そこにアクセスすると、オンとオフを切り替えることができるサイトのアクセシビリティに関連するさまざまな設定が表示されます。 これは、テーマの設定方法によって異なります。

この設定には、link :focus状態にアウトラインを追加してキーボード ナビゲーションを改善し、 longdesc使用して画像コンテンツに関する詳細情報を提供することが含まれます。

アクセシビリティ オーバーレイを使用しない

完全にアクセス可能な ADA 準拠の Web サイトを作成する真のプラグ アンド プレイ ソリューションは存在しないことを覚えておくことが重要です。 一部のプラグインはプラグ アンド プレイであると主張する場合がありますが、それは不可能です。 コンプライアンス プラグインは、サイトの問題をスキャンし、問題を改善するための微調整を行うのに最適です。 ただし、オーバーレイ アプローチを使用しようとするプラグインには注意してください。 また、プラグインをダウンロードしてアクティブ化するだけで、WordPress ADA に 100% 準拠していると主張するプラグインにも注意してください。

これらの「アクセシビリティ オーバーレイ」は避ける必要があります。

ADA準拠のWordPressサイトを作成する時が来ました

WordPress サイトを誰もがアクセスできるようにすることは、サイト所有者として当然のことです。 ただし、潜在的な法的影響からも保護されます。

また、サイトが ADA に準拠していることを確認することで、潜在的な顧客基盤を自動的に拡大できます。

WordPress ADA 準拠のサイトを作成するための手順を要約すると、次のようになります。

  1. すでに ADA に準拠している Web サイトがどのようなものかを理解します。
  2. 自分のサイトを見直して、それがすでにどの程度準拠しているかを理解してください。 これは、WAVE ツール (Web サイトのアクセシビリティ評価) を使用して行うことができます。
  3. アクセス可能な Web サイトを構築するための実証済みのベスト プラクティスに従います。
  4. WP Accessibility や WP ADA Compliance Check Basic などの WordPress プラグインをインストールします。

その時点で、ユーザーが気に入る WordPress ADA 準拠の Web サイトを所有できるようになります。

Kadence テーマと Kadence ブロックをダウンロードして効果的な Web サイトを構築する

美しいデザインで魅力的なコンテンツを作成するのが好きなら、Kadence Blocks はネイティブの WordPress エディターでクリエイティブになるためのツールを提供します。 さらに、次の Web デザインを開始するためのブロックのワイヤーフレーム ライブラリなど、サイトに簡単に含めることができる多数の事前構築済みコンテンツをお楽しみください。 インスピレーションと迅速な開発に最適です。

ダウンロード中