ADA準拠のWebサイト：障害を持つユーザー向けのWebサイトの作成

ADAコンプライアンスとは何ですか？

「障害を持つアメリカ人法は、差別を禁止し、障害を持つ人々が他のすべての人と同じようにアメリカの生活の主流に参加する機会を持つことを保証するために、1990年に法に署名されました。」 この重要な法律には確かにオンライン活動が含まれています！ 障害のある人にとって、ウェブサイトがそれぞれのニーズに合わせて適切に最適化されていないと、ウェブサイトへのアクセスが困難になる可能性があります。 障害を持つ人々のニーズを満たすためにあなたの存在を調整することの重要性をよりよく理解するために、以下を考慮してください：

• 米国では約5,450万人が何らかの障害を持っています。これは総人口の18.7％です。
• 75歳以上の53％の人が障害を持っているため、団塊の世代が年をとるにつれて、この数は増え続けています。
• Webサイトにアクセスする際の障害には、視覚障害、難聴、およびキーボードとマウスを使用した身体的障害が含まれます。
• さらに、自閉症などの精神障害のある人を考慮してください。これは、フロントエンドの視覚効果や要素を追加するときに課題になる可能性があるためです。

あなたはいつあなたのウェブサイトのためにこれについて考える必要がありますか？

ADA準拠のウェブサイトを作成することが会話である多くの状況があり得ますが、企業が最も頻繁に直面するいくつかのシナリオがある傾向があります。 これは確かに以下のリストに限定されませんが、これらの状況は一般的にクライアントと協力するときに最も頻繁に見られるものです。したがって、自分のWebサイトのイニシアチブを開始するときはそれらを念頭に置いてください。

• 内部目的でADA準拠のウェブサイトが必要ですか？ これは、組織での作業の効率を向上させるのに役立ちますか？
• あなたの会社には、これを含むCSR（企業の社会的責任）方針がありますか？
• ターゲットとするオーディエンスのかなりの部分が障害または障害を持っていますか？

視覚障害のあるユーザーにとっての課題

視覚障害のあるユーザー（視野が限られているか、視力が完全に失われている）は、障害のないユーザーと同じようにインターフェイスを操作することはできません。 Webサイトのビジュアルで問題が発生する可能性があるのは、視覚障害者だけではありません。多くの場合、一般的なユーザーは、特定のフォントサイズ、フォントスタイル、さらには色の選択を読み取る際に問題が発生する可能性があります。 解決策：色とフォント設定の口述を避けるWebサイトは、ユーザーのWebブラウザーとオペレーティングシステムで色とフォントのサイズで表示できるように設計する必要があります。 視力の弱いユーザーは、ページのコンテンツを表示するために必要なフォントサイズだけでなく、テキストと背景色を指定できる必要があります。

同様に、Facebookの最初のブラインドエンジニアは、視覚障害を持つFacebookユーザーが他のユーザーと同じように人気のソーシャルプラットフォームを使用できるようにするための素晴らしいツールを作成したことで注目を集めています。 新しいプログラムは、友人の写真の一般的ではあるが不可欠な要素を識別し、音声を通じてユーザーと共有します。 これがより「主流」になるにつれて、障害を持つ人々がオンラインでブランドやコミュニティに関与するのを支援するためにテクノロジーを使用することの重要性が、より広く理解されるようになることを願っています。

難聴ユーザーにとっての課題

視覚的にはサイトに問題はないかもしれませんが、ビデオコンテンツを含める傾向があるということは、この貴重な情報がサイトの視聴者の一部に届かない可能性があることを意味します。 聴覚障害のあるユーザーは、ビデオや音声ガイドを利用できません。 解決策：テキストスクリプトを提供するSEOに適しているだけでなく、ビデオのテキストバージョンは、聴覚障害や視覚障害のあるユーザーとのコミュニケーションに役立ちます。

身体障害のあるユーザーのための課題

物理的な課題は、キーストロークやマウスの使用を操作する能力を損ないます。 これは、召喚状、ボタン、またはユーザー入力を操作および操作する限り、問題を引き起こす可能性があります。 手や指の使用が制限されていると、アイテムが小さすぎるか、ページ上の他のアイテムに近い場合、ユーザーがアイテムをクリックするのが非常に困難になる可能性があります。 解決策：簡略化されたユーザー経路を検討するCTAを大きくし、インタラクティブ要素間のスペースを増やすと、身体に障害のあるユーザーのナビゲーションが容易になります。 あなたのウェブサイトが身体障害者にとって「障害者に優しい」ことを確実にするために、誰かが「ボタン」の周りの領域をクリックしやすく、それでもクリックできるように、すべてのクリック可能なアイテムの範囲を広げてください。

認知障害のあるユーザーにとっての課題

自閉症、脳損傷、認知症などの認知障害を持つ人々にとって、レイアウト、デザイン、およびナビゲーション構造の問題は、サイトを使用する能力とそうでない能力の間にすべての違いをもたらす可能性があります。 学習障害は通常、コンテンツ内の言語や数字を消化することを困難にします。 サイトにあまりにも多くのデザイン要素や機能を含めると、実際には自閉症のユーザーのストレスレベルが高まる可能性があります。 解決策：タスクの簡素化これは常に目標ですが、感覚過負荷に苦しむユーザーにとってはさらに重要です。 使用可能なオプションの数を制限し、ユーザーにまとまりのある狭い決定構造を提供し、同時タスクの使用を避けます。

WebデザインプロセスとADAコンプライアンス

適切なADAガイドラインに従う新しいウェブサイトデザインプロジェクトを開始するときは、プロセス全体で役割を果たすため、プロジェクトの影響について考えることが重要です。 ビジネスの考慮事項、目的、およびニーズについて考えてください。

• これは内部要件を満たしますか？
• デザインやコンテンツの種類に制限はありますか
• このプロジェクトを完了し、使いやすさをテストするための予算はありますか？

設計と開発の観点から、これらのガイドラインに従ってWebサイトを作成するには、追加の計画、設計、開発、および品質保証が必要であることを覚えておくことが重要です。 プロジェクトの時間とコストは、追加の理由により、平均的なWebサイトデザインプロジェクトよりも長くなる可能性があります。

• 使いやすさに関する考慮事項
• フォントと色の制限
• コーディング要件
• 品質保証とテストのニーズ
• コンテンツに関する考慮事項

SEOとADAの調整

今日のオンラインビジネスの成長においてSEOが非常に重要な役割を果たしているため、SEOとADAコンプライアンスのベストプラクティスがどの程度緊密に連携しているかを確認するのは興味深いことです。 検索エンジンは、読者に最高の価値と最高のユーザーエクスペリエンスを提供できるウェブページに価値を置きます。そのため、両方のガイドラインとベストプラクティスが互いに非常に密接に反映されているのは当然です。

• すべての画像に代替テキストを含める
• リンクにはテキストによる説明が必要です（「ここをクリック」ではありません）
• すべての動画にテキストによる説明を使用する
• すべてのPDFをHTML形式でも利用できるようにする
• フォームに説明的なゴーストテキストを使用する

ADAコンプライアンスを管理するための基本的な考慮事項

最終的に、ADA準拠を念頭に置いてウェブサイトを作成するときは、ユーザーと、障害を持つユーザーが実際にサイトをどのように使用するかについて考えることが重要です。 以下は、ビジネスサイトの簡単なチェックリストおよびガイドとして役立つ基本的な考慮事項のリストです。

• すべての画像、ビデオ、またはオーディオファイル、およびプラグインにaltタグを付けます
• 詳細なテキストの説明を使用して、複雑なグラフィックを添付します
• 代替の説明では、オブジェクトの目的を説明する必要があります
• 画像がリンクとしても使用されている場合、altタグはグラフィックとリンク先を説明する必要があります
• ビデオにキャプションを含める
• 音声ガイドとテキストトランスクリプトを含める
• Webページに埋め込むのではなく、ビデオへのリンクを作成します
• データテーブルには、タグを使用して適切に識別された列ヘッダーと行ヘッダーが必要です。
• テーブルセルは、適切なヘッダーに関連付ける必要があります-id、ヘッダー、スコープ、または軸のHTML属性
• プラグインをダウンロードできる障害者がアクセス可能なページへのリンクを提供する
• フォームコントロールがテキスト入力フィールドの場合は、LABEL要素を使用します
• ADAは、意思決定と計画のプロセスをガイドするのに役立つチェックリストを作成しました。 Webコンテンツアクセシビリティガイドラインまたは米国リハビリテーション法第508条のWebガイドラインなど、追加の機関からのその他のガイドラインも、Webサイトへのアクセスを保証するための規制の観点から利用できます。 ただし、Webサイトを定期的にレビューしてコンプライアンス対策を満たしているかどうかを確認する統治機関はありません。そのため、ユーザーに対応するための適切な対策を講じているかどうかを確認するのはビジネスの責任です。