Web ストアが ADA 準拠であることを確認する方法

私のウェブサイトはどのくらいアクセスしやすいですか? これは誰もが尋ねるべき質問ですが、残念ながら誰もがそうしているわけではありません。 障害を持つアメリカ人法 (ADA)が成立してから 30 年以上が経過しているにもかかわらず、Web サイトのアクセシビリティは、本来あるべきほど普遍的に普及しているわけではありません。

上位 100 万の Web サイトを対象とした最近の調査では、ホームページの 98.1% がWeb コンテンツ アクセシビリティ ガイドライン (WCAG)の主要なセットに準拠していないことがわかりました。 これは倫理的な観点からだけでなく、法的な観点からも悪いことです。 Web アクセシビリティのガイドラインを満たしていない Web サイトは ADA ペナルティを受けるリスクがあり、訴訟は前年比でほぼ 25% 増加しています。 ビジネスの観点からも悪いことです。これらの Web サイトは、米国で障害を持って生活している成人の4 人に 1 人、つまり6,100 万人がビジネスを失う可能性が高いからです。

では、障害を持つ人々がウェブサイトやモバイル アプリにアクセスできるようにするにはどうすればよいでしょうか? まず、ADA コンプライアンスと e コマースについて知る必要があります。

ADAを理解する

ADA は 5 つの主要なタイトルで構成されていますが、タイトル III (Public Accommodations) が e コマースに関する主要なタイトルです。 公共サービスを提供する企業は、障害のある人に対応するために、通常のやり方に「合理的な変更」を加える必要があります。 また、視覚障害、聴覚障害、言語障害のある顧客と効果的にコミュニケーションをとるために必要な措置を講じることも求められます。

ADA は e コマース ビジネスについて具体的に言及していないため、マーチャントの間で混乱が生じています。 ADA が実店舗と e コマース Web サイトを持つ企業のみに適用され、e コマースのみの企業には適用されないかどうかについて、議論を続けている人々がいます。 しかし、ほとんどの裁判所は、ウェブサイトがタイトル III の下で説明責任を負うことに同意しています。

現在、WCAG 2.0 ガイドラインは一般的に標準と見なされており、アクセシビリティ ガイドライン ワーキング グループは、2021 年 1 月にWCAG 3.0の最初のパブリック ワーキング ドラフトを公開し、 2022 年以降に最終版を公開する予定です。

それまでの間、ウェブサイトが現在のガイドラインに準拠していることを確認するためにできることをいくつかご紹介します。

e コマース Web サイトを ADA 準拠にする方法

• 最新のブラウザをサポート
  視覚障害者は、テキストを読み取って音声に変換するソフトウェアであるスクリーン リーダーを使用して Web サイトをナビゲートできます。 ただし、Web サイトでは、スクリーン リーダーが理解できるコードを使用する必要があります。 スクリーン リーダーに関する問題のほとんどは、ブラウザの互換性の問題が原因で発生するため、サイトが最新のブラウザ バージョンをサポートしていることを確認することが、最初のステップとして適切です。
• メニューがナビゲート可能であることを確認する
  Web サイトのメニューは、タブ キーを使用して次の要素に移動し、Shift + Tab キーを使用して前の要素に移動することで、スクリーン リーダーと互換性がある必要があります。 メニュー ボタンには左右の矢印キーを使用してアクセスでき、ドロップダウン メニューには上下の矢印キーを使用してアクセスできる必要があります。
• 画像に代替テキストを追加する
  代替テキストは画像の後ろに埋め込む必要があり、画像を明確に説明する必要があります。 適切なヘッダーも使用する必要があります。 そうしないと、スクリーン リーダーはそれを「空白」または単に「画像」と解釈します。
• 主な動画に手話を追加する
  生まれつき難聴であるろう者の多くは、文字を読むことができず、手話だけを「読む」。 手話は、これらの人々にとってビデオをよりアクセスしやすくするのに役立ちます。
• 動画にオープン キャプションまたはクローズド キャプションを含める
  手話ビデオを追加するかどうかに関係なく、サイトのビデオにはキャプションまたは字幕を含める必要があります。 これにより、誰もが動画コンテンツにアクセスできるようになるだけでなく、多くの人が音声をオフにして動画を視聴することを好むため、視聴回数を増やすこともできます。
• コントラストの高い色を使用する
  色のコントラストが低いと、視覚障害者は重要なボタンを識別したり、前景と背景を区別することさえ困難になります。
• アンカー テキストを使用してリンクに名前を付ける
  「ここをクリック」ではなく、リンク先のページを説明するリンクを使用すると、SEO が向上するだけでなく、スクリーン リーダーを使用しているユーザーが Web サイトにアクセスしやすくなります。
• リンクを表示してアクセスできるようにする
  リンクが目立つように対照的な色を使用し、ユーザーがキーボードの矢印キーとタブ キーを使用して簡単に移動できるようにページを設計してください。 リンクが新しいウィンドウで開くかどうかも明確にする必要があります。
• 発作を引き起こす可能性のある設計手法を使用しないでください
  Web サイトで 1 秒間に 3 回以上点滅するコンテンツを使用していないことを確認してください。これは、てんかんのある人に発作を引き起こす可能性があるためです。
• 明確な内容が書かれている
  文字間に十分なスペースがある明確なフォントを使用してください。 説明的な見出しを使用して文章の内容を整理し、簡潔な製品説明を使用します。 また、使用する言語がプログラムで決定できることを確認してください。
• 実用的なフォルムデザインを採用
  横に並べた情報はスクリーン リーダーで解析するのが難しい場合があるため、フォームにはスタック デザインを選択します。 できるだけユーザー フレンドリにするために、フィールドの外にラベルや指示を配置して、ユーザーが編集中に参照できるようにします。 可能性のある応答の長さを考慮し、それを各フィールドの設計に取り入れます。 また、必須フィールドを示すには常にアスタリスクを使用してください。
• フォームのエラーは明確に伝える必要があります
  ユーザーが Web サイトのフォームに情報 (配送情報など) を入力する必要がある場合、自動的に検出されたエラーを明確に伝え、ユーザーに説明する必要があります。 ユーザーは、どのフィールドが無効であるかを明確に識別できる必要があります。
• 順応性があり、いつでもサポートできるようにする:カスタマー サービスが正常に機能し、訪問者が支援を必要とする場合に備えて、さまざまな手段 (電話、電子メール、Web チャット) を介して支援できるようにします。 Web サイトをより使いやすくするために変更を加えるよう求められた場合は、そのニーズを満たすために立ち上がる準備をしてください。

結論

InteractOne は複数のクライアントに対して ADA コンプライアンスを実施しており、Magento、BigCommerce、および Shopify プラットフォームを使用している企業を支援するのに最適です。 Web サイトを完全に ADA に準拠させる方法について、今すぐご相談ください。