Web アクセシビリティの基本

公開: 2022-10-18

アクセシブルなウェブサイトを持つことが必須であることを、ここまででお分かりいただけたと思います。 これは倫理と公平性の問題であるだけでなく、法的要件でもあります。

米国およびその他の多くの国では、Web アクセシビリティに関連する法律および規制が制定されています。 Guidance on Web Accessibility and the ADA によると、「障害を持つ人々のための Web アクセシビリティは司法省の優先事項です。」

近年、サイトにアクセスできない企業や機関を相手取った訴訟が増加しています。 結論: はい、ウェブサイトが ADA 基準に準拠していない場合、訴えられる可能性があります。 それは気になるように聞こえるかもしれませんが、これを共有する目的は、Web アクセシビリティが重要であること、そしてそれが非常に重要であることを説明することです。 重要なのは、そのように規定する法律があるからではなく、アクセシビリティが十分な数の人々に影響を与えるため、ウェブ上で公平なアクセスを確保するための法律が制定されているからです。

Web のアクセシビリティに慣れていない場合は、ここが最適です。 アクセシビリティについて知っておくべき基本事項を見てみましょう。

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

物理的なアクセシビリティは、目に見えるため、ほとんどの人にとって理解しやすいことがよくあります。たとえば、車椅子の利用者は、通常の駐車スペースを利用できず、階段を使って建物に入ることができません。 アクセシブルな駐車場とスロープは、私たちが見て理解できるアクセシビリティの物理的な現れです。 もちろん、物理的なアクセシビリティの必要性はこれだけではありません。大したことではありません。また、物理的な空間で、公共の場所を移動するのに苦労している無数の人々に対処するには、まだ長い道のりがあります (ただし、それは別の話です)。 )。

インターネットの黎明期、ほとんどのオンライン スペースはユーザーを念頭に置いて設計されていませんでした。ましてや、さまざまなアクセシビリティ ニーズを持つユーザーは言うまでもありませんでした。 個人的、職業的、さらには市民のニーズで Web への依存度が高まるにつれて、ユーザー エクスペリエンスへの配慮がサイトの構築と維持の重要な部分になっています。

残念ながら、単純に「ユーザー エクスペリエンス」を設計するだけでは、さまざまなエクスペリエンスを持つさまざまなユーザーが考慮されていないことに気付くまでに長い時間がかかりました。 たとえば、ユーザーフレンドリーに見えるが、一部のユーザーにとって識別が困難または不可能な色を使用する新しい Web サイトを作成すると、それらの訪問者のエクスペリエンスが低下します。 または、キャプションなしで動画をアップロードしたり、代替テキストなしで画像をアップロードしたりすると、サイト訪問者の一部がすぐに除外されます。

アクセシブルなサイトは、訪問者の障壁を減らし、法的問題のリスクを減らし、より倫理的で公平です。 Web アクセシビリティが重要な理由は他にありますか? ここに公平なリストがあります:

  • Web サイトにアクセスできない場合、かなりの数の訪問者と潜在的な顧客を逃しています。
  • アクセシブルな Web サイトは、すべての人により良いユーザー エクスペリエンスを提供します。
  • アクセシビリティは優れた SEO につながります ナビゲートしやすいサイトはコンバージョン率が高くなります。

アクセシビリティの基本

アクセシビリティには、画像の代替テキストやビデオのキャプションよりもはるかに多くの要素が含まれますが、これらは非常に重要な側面です。 実際、アクセシビリティを考慮して設計するということは、次のようなさまざまな障害を考慮に入れることを意味します。

  • 視覚: 視覚障害、色盲、視覚障害など
  • 認知症:失読症、自閉症、学習障害など
  • 聴覚: 難聴や難聴など
  • 神経系:てんかん、物忘れ、機能性神経障害など
  • 身体的: パーキンソン病、切断、反復ストレス障害など

これらのカテゴリには、リストされている例よりもはるかに多くのものが含まれており、多くの場合、ニーズを理解することを重要にする支援技術 (スクリーン リーダー、音声認識、代替キーボードなど) が必要です。 さらに、一時的な障害やその他のニーズは、これらのカテゴリに分類されます。たとえば、腕を骨折した人、耳鳴りを経験している人、テクノロジーの使用に苦労している年配のユーザーなどです。

World Wide Web Consortium (W3C) のガイドラインでは、Web アクセシビリティの原則は、ユーザーが「Web を認識、理解、ナビゲート、対話できる」ことであると述べています。 アクセシビリティのベスト プラクティスを設計して実装するということは、これらの原則に従い、すべての要素で包括性を実践することを意味します。 アクセシビリティの一部の側面では、より複雑な計画と実装が必要になる場合がありますが、その多くはすぐに簡単に実行できます。これについては次に説明します。

今すぐアクセシビリティを実装する

理想的には、アクセシビリティは最初から戦略の一部であり、Web サイトはベスト プラクティスを念頭に置いて構築されています。 しかし、すでにウェブサイトを持っている場合でも大丈夫です。 今すぐアクセシビリティ対策の実装を開始し、可能な限りサイトに必要な調整を加えることができます。

記載内容

特に定期的に新しい記事やページをサイトに追加している場合は、コンテンツから始めるのが良いでしょう。 アクセシブルなコンテンツに関する手早く簡単なヒントには、次のようなものがあります。

  • 文章が明確、簡潔、読みやすいものであることを確認してください。 過度に複雑な表現、過度の比喩、説明のない頭字語、長い文章は避けてください。
  • 可能な場合は、短い段落や消化しやすいリスト項目など、ページ全体の空白を利用してください。
  • 適切な見出し (h2、h3 など) を使用して書式を設定し、ページを論理的に構成します。
  • ページのタイトルが明確で、適切にフォーマットされていることを確認してください。 斜体や太字などの過度な書式設定は避けてください。
  • リンクは説明的なものにし、「ここをクリック」などの表現は避けてください。 見出し、リスト項目、およびその他のコンテンツ構造が適切にマークアップされている

その他のコンテンツ タイプ

アクセシビリティのベスト プラクティスを実装するもう 1 つの簡単な方法は、マルチメディア コンテンツに対処することです。 基本的なガイドラインは次のとおりです。

  • 画像には、画像が何であるかを説明する簡潔で説明的な代替テキストが必要です。
  • オーディオ コンテンツ (ポッドキャストやインタビューなど) には、文字起こしが必要です。
  • ビデオ コンテンツには、キャプションと文字起こしが必要です。

フォーム

フォームは、Web サイトの重要な部分です。 その主な機能が現在の顧客に連絡を取ることであろうと、潜在的な顧客に関するデータを取得することであろうと、フォームにアクセスできることは非常に重要です。 アクセシブルなフォームを作成することは、誰にとっても良いことです。 ベスト プラクティスのいくつかを次に示します。

  • フォームはできるだけフィールドを少なくして、シンプルにする必要があります。
  • フォームには、フォームに記入するための基本的な指示と、フォームに記入したときに何が起こるか (たとえば、誰かが連絡を取る、ダウンロードする電子ブックを受け取るなど) を含める必要があります。
  • フォームは、エラーと正常な完了について明確な入力を提供する必要があります。
  • 各フィールドには明確なラベルを付け、必要に応じてヒントや例を示し、必須フィールドにも明確にラベルを付ける必要があります。

デザインとナビゲーション要素

設計のベスト プラクティスの中には時間がかかり、開発者が必要になるものもありますが、簡単に実装できる設計機能をいくつか紹介します。

  • 現在の問題をコントラストで更新します。
  • インタラクティブなアイテムの唯一の指標である色のインスタンスを変更します。
  • ナビゲーションが論理的でわかりやすいものであることを確認してください。

アクセシビリティの設計をさらに進める準備が整ったら、W3C 標準について理解する必要があります。 サイトを更新する方法の詳細をカバーするオンライン リソースがたくさんあります。 また、一部の変更が自分のスキル レベルを超える場合は、アクセシビリティに精通した Web 開発者を雇うことを検討することもできます (正直なところ、かなり技術的なものもあります!)。 開発者を必要とする可能性のある実装する必要があるいくつかの機能には、次のものがあります。

  • 多くのユーザーがマウスを使用せずに Web ページをナビゲートするため、サイトをキーボード フレンドリー (タブ、エスケープ、および矢印キーを使用してナビゲートする機能) にします。
  • 訪問者が必要に応じてズームインして読むことができるように、テキストがサイズ変更可能であることを確認してください。
  • 適切なマークアップを使用してください (詳細については、Web デザインに関する W3C のヒントを参照してください)。

長期的なアクセシビリティ戦略

基本を理解したら、アクセシビリティを更新および維持するための長期計画を作成することをお勧めします。 これには、アクセシビリティがビジネス目標や目的ステートメントにどのように適合するかを決定すること、アクセシビリティの責任を負う個人またはグループを任命すること、標準を監視、テスト、またはレビューする定期的な時間を設定することが含まれる場合があります。

開発者が行う必要がある変更など、最初にカバーできない基本事項はすべて計画する必要があります。 このような種類の更新を後回しにして忘れてしまったり、実行する時間がなかったりするのはあまりにも簡単です。 予算に変更のためのスペースを作り、アクセシビリティに精通している開発者を見つけて、カレンダーに何かを入れてください。

長期的な戦略としては、包括的な設計アプローチで Web アクセシビリティを検討することが役立ちます。 誰があなたのサイトを訪れているのか、そして彼らがうまくナビゲート (そしてコンバージョン!) するために何が必要なのかを考えてみてください。 多くの場合、特定のツールやアプローチは、多くのタイプのユーザーにとって実際に役立ちます。 たとえば、視力の弱いユーザーには、サイズ変更可能なテキストが必要です。 スマートフォンを使用している訪問者も、この機能を高く評価する場合があります。 チャットボットやお問い合わせフォームは、ろう者や難聴の訪問者だけでなく、不安を感じている訪問者にも役立ちます。

インクルーシブなデザインは、可能な限り多くの潜在的なユーザーにリーチするのに役立ちます。つまり、より多くのトラフィック、より多くのリード、そしてすべての人にとってより良い Web エクスペリエンスを意味します。 限目。

Web マーケティングの評価