Web アクセシビリティとはコンテンツをインクルーシブにする方法

公開: 2021-05-28

Web アクセシビリティとは、障害や障害に関係なく、すべての人が同じ情報にアクセスできるようにすることを意味します。

インターネットが情報、エンターテイメント、通信、および電子商取引の主要なソースとして台頭してきているため、障害のあるユーザーや特別なニーズを持つユーザーにとっての Web アクセシビリティの重要性を損なうことはできなくなりました。

国連でさえ、インターネットへのアクセスは基本的人権であると宣言しています。 それでも、ほとんどの Web サイトは、障害を持つ人々のニーズを考慮せずに設計されているため、障害のある人々にとってアクセスできないままです。

ウェブアクセシビリティとは？

Web アクセシビリティとは、Web サイトとデジタル ツールを、障害のある人が何の障害もなく使用できるように設計および開発する必要があることを意味します。

世界銀行によると、世界人口の 15% に相当する 10 億人以上が何らかの障害を経験しています。 障害は、その人が特定の活動を行うのを困難にする身体または心の状態として理解することができます。

Web アクセシビリティでは、大まかに分類された 4 種類の障害が特定されています。 これらには以下が含まれます：

  • 物理的:例としては、麻痺や運動制御の問題が挙げられます。
  • 知的：このカテゴリには、発達の遅れまたはダウン症のために発生する障害が含まれます。
  • 精神疾患：うつ病、統合失調症、不安神経症などのさまざまな精神障害。
  • 感覚の問題：難聴や失明など、さまざまな感覚の喪失。

さらに、インターネットの速度が遅いなどの特定の状況のた​​めに何かを行うことができない場合、永続的、一時的、および条件付きまたは状況的という 3 つの障害モードがあります。

Web アクセシビリティは、腕を骨折した人などの一時的な障害を持つ人や、周囲の雑音が多いために音声を聞くことができないなどの状況制限のある人にも影響を与えます。

高齢者は、加齢に伴うアクセシビリティの問題を抱えている傾向があります。 人口の高齢化は、この数が増える一方であることを意味し、デジタルフットプリントを持つ企業にとって課題と機会を提示します. たとえば、聴覚や視覚は年齢とともに低下することが知られています。

しかし、障害のあるこれらの高齢者は、多くの場合、可処分所得が高く、余暇を持っています。 アクセスが必要な障害のある顧客の 71% は、使いにくい Web サイトをクリックして離れます。 また、クリックして離れた顧客の大部分が高い支出能力を持っていることもわかり、アクセスを必要とするユーザーの 82% は、Web サイトがよりアクセスしやすくなれば、より多くの支出をすると答えました。

ビジネスのコストに加えて、すべての人が Web サイトにアクセスできるようにしないと、デジタル差別で訴えられる可能性があります。 多くの国では、製品やサービスを販売する際に障害者を差別することは違法です。

米国では、アクセシビリティ要件は障害を持つアメリカ人法に記載されています。 Netflixを含む企業に対して、コンテンツを誰もがアクセスできるようにするために、いくつかの訴訟が提起されています.

W3C Web Accessibility Initiative (WAI) は、インターネットを公共の場で包括的なものにするために、アクセシビリティ ソリューションを説明する技術仕様、ガイドライン、技術、およびサポート リソースを開発しました。 たとえば、Web コンテンツ アクセシビリティ ガイドライン (WCAG) 2.1 では、デジタル サービス、ツール、およびコンテンツを、障害を持つ人々にとってよりアクセシブルにする方法を定義しています。

Web サイトのアクセシビリティが重要な理由

インターネットは、生活のほぼすべての面で不可欠なリソースです。 特に 2020 年には、インターネットがライフラインとして登場し、あらゆる面で世界がつながっています。 過去 1 年間のデジタル採用率の高さは、私たちの生活に革命をもたらしました。

それでも、世界人口のかなりの割合が、アクセシビリティの障壁のためにインターネットを適切に使用できません。 障害者にとって、Web アクセシビリティを確保することで、平等なアクセスと機会が提供され、より積極的に社会に参加できるようになります。

ウェブサイトのアクセシビリティは、次のような他の多くの理由で重要です。

  • 包括性:アクセシブルな Web サイトを構築すると、より大きな利益のために有益な包括的な体験が生まれます。
  • 顧客の維持と獲得:インターネットは、人々、特に店舗に行くことができない、印刷物を読むことができないなどの障害を持つ人々に手を差し伸べるのに最適な場所です。 Web サイトをアクセシビリティ対応にすることで、競合他社が見落としていた可能性のある新しい顧客層にリーチできる可能性があります。
  • 法令順守:米国では、Web サイトのアクセシビリティ ガイドラインに従わない企業に対して、いくつかの訴訟が提起されています。 多くの国では、Web サイトのアクセシビリティ ガイドラインに従うことが義務付けられており、これを怠ると、重い法的罰則が科せられる可能性があります。
  • 信頼と評判の構築:企業は、自社のサイトを本当にアクセスしやすいものにすることで、そのブランドを強化できます。 たとえば、Facebook は AI を使用して、物体認識技術を通じて視覚障害のあるユーザーに自動代替テキストを提供することで称賛されています。

Web アクセシビリティが目指す 5 つのニーズ

アクセシブルなサイトは、ほんの一部の人にしか利益をもたらさず、多くの時間と労力を消費すると考えられることがよくあります。 しかし、真実からかけ離れたものは何もありません。 私たちは皆、人生のある時点で何らかの一時的な障害を経験することがあります。

たとえば、誰かが滑って手首を骨折した場合、数日間はマウスを使用して PC を操作できなくなる可能性があります。 または、誰かが片頭痛を持っている場合、サイトのコントラストが低いと問題が悪化する可能性があります. さらに、インターネットの時代には私たち全員が老化し、最終的には視覚、聴覚、および器用さが影響を受けます。

アクセシブルな Web サイトを作成することで、ユーザーは上記の障害に関係なくコンテンツにアクセスできるようになります。 このセクションでは、インパクトのある Web デザインのために対処しなければならない 5 つの Web アクセシビリティのニーズを特定しました。

1.聴覚ニーズ

インターネットは、グラフィック、ビデオ、オーディオ、アニメーション、テキストなど、さまざまな形式で提示される情報で構成されています。 しかし、ユーザーは近年ビデオやポッドキャストを好む傾向にあり、Web コンテンツのエクスペリエンスを視覚的および聴覚的なものにしています。 しかし、一部の個人は異なる聴覚のニーズを持っているため、Web サイトを設計する際には、それらの要件に対応することが不可欠です。

聴覚障害を持つ個人のアクセシビリティを改善するための戦略を見る前に、まず障害を理解する必要があります。 一般的に、難聴は完全な聴力の喪失と考えられています。 しかし、多くの人が軽度、中等度、重度、重度の機能性難聴に苦しんでいます。 以下に、聴覚障害の 3 つのカテゴリを特定しました。

  • 難聴：重度の難聴または完全な難聴の人。
  • 難聴者:難聴の程度がより低い人。
  • 聴覚障害:聴覚メカニズムの 1 つまたは複数の部分の不適切な発達、損傷、または疾患により、さまざまな程度の難聴を持つ個人。

聴覚障害のある人がマルチメディアにアクセスできるようにするためのヒント

  • トランスクリプト: トランスクリプトを提供すると、いくつかの利点があります。 コンテンツを理解しやすくし、サイトに SEO のメリットももたらします。 メモを取るのが好きな人も、特に YouTube で遭遇する可能性のあるビデオ コンテンツで、あなたのトランスクリプトから恩恵を受けるでしょう。
  • キャプションとサブタイトル:サイトにビデオ コンテンツを表示する場合は、キャプションとサブタイトルを含めて、聴覚障害のあるユーザーがコンテンツを理解しやすくすることをお勧めします。 これは、混雑した場所でビデオを視聴していて、適切に聞くことができない一般的な視聴者にもメリットがあります。
  • 手話:音声を手話で表現することは、コンテンツをアクセシブルにするもう 1 つの方法です。 これは、人々が使用するさまざまな種類の手話など、いくつかの技術的な問題を引き起こしますが、それでも検討する価値のあるオプションです.

2.認知的および知的ニーズ

視覚と聴覚がより議論されますが、これはコンピューター ユーザーの最大数を表すカテゴリです。 認知障害は、機能的または臨床的である可能性があります。 機能障害は、個人の日常生活に影響を与える活動に焦点を当てています。 いくつかの例は次のとおりです。

  • 記憶喪失
  • 注意欠陥
  • 理解の問題

臨床障害の重症度はさまざまで、次のようなものがあります。

  • 発達上の問題
  • 失読症や自閉症などの認知の問題
  • アルツハイマー病など、人の心と情報を保持する能力に影響を与える病気

認知障害のある人のための Web サイトのアクセシビリティに関するヒント

Web サイトの開発者にとって、アクセシビリティの障壁を取り除き、ユーザー エクスペリエンスを向上させるために、機能的な観点から認知障害について考えることが最善です。 Web サイトを認知障害のある人がアクセスできるようにするための最も重要なヒントの 1 つは、次のような優れた設計慣行に従うことです。

  • コンテンツで適切な見出しとリストを使用してください。
  • デザインには十分な余白を残してください。
  • コンテンツを小さな段落に分割します。
  • 箇条書きリストを使用してみてください。
  • 論理的な読み順を組み込むようにしてください。
  • 一貫したフォントと色を使用します。
  • 必ずキーボード アクセスを提供してください。

3. モーターとモビリティのニーズ

運動障害は、永久的な場合もそうでない場合もある多くの形で現れます。 たとえば、骨折のために手首や手を数日間使用できない場合があります。 長時間のタイピングでも痛みやけいれんにつながることが多く、デジタル機器の使用が困難になります。 関節炎や加齢により、可動域が限られているため、キーボードでの入力やマウスの使用も困難になります。 一部の人々はまた、加齢や外傷により運動協調能力や筋肉制御を失い、デジタル機器の取り扱いが困難になります。

一時的または永続的な運動障害を持つユーザーの多くは、スクリーン リーダーなどの支援技術を利用しています。 重要なことは、これらのツールの多くがキーボードのアクセシビリティに依存していることを認識することです。 したがって、補助デバイスが適切に機能するように、キーボードのアクセシビリティを最大限に高めるように Web サイトを設計する必要があります。

認知障害のある人のためのウェブサイトのアクセシビリティに関するヒント

  • すべての機能でキーボードのアクセシビリティを確保します。
  • レイアウトに応じて、上から下または左から右などの論理的なタブ オーダーを使用します。
  • コンテンツを操作するための論理キーボード コマンドを含めます。
  • サイト全体を移動するためのスキップ リンクを提供します。
  • ショートカット キーの一部は補助デバイスの使用と競合する可能性があるため、ショートカット キーを使用する前によく考えてください。

4. 発作およびてんかんの必要性

Trace Research & Development Center のPhotosensitive Epilepsy Analysis Toolによると、「光過敏性発作は、Web またはコンピューター コンテンツの特定の種類のフラッシュによって引き起こされる可能性があります。これには、画面の広い領域がすばやく点滅して繰り返し点滅するマウスオーバーなどがあります。」

てんかんは、一般的な光過敏性発作障害です。 光過敏性発作は、点滅する光、画像、および反復パターンによって引き起こされる場合があります。 たとえば、Web コンピュータ ゲームのビデオ コンテンツには、危険なちらつき、色、または高コントラスト パターンが含まれている可能性があり、これらすべてが発作を引き起こす可能性があります。

さらに、吐き気、震え、吐血は、点滅、ちらつき、まばたきに対する身体的な悪影響として起こることもあります。 1997 年、アニメの「ウイルス爆弾」を含む日本の漫画を見ている子供たちが、これらの反応に苦しみ、治療のために緊急治療室に運ばれなければなりませんでした。

発作やてんかんのある人のための Web サイトアクセシビリティのヒント

  • コンテンツのどのコンポーネントも 1 秒間に 3 回以上点滅しないようにしてください。
  • 1 秒間に 3 回以上のフラッシュが記録されている場合は、画像をフリーズするか、コントラスト比を下げます。
  • すべての点滅領域を小さく保ち、約 341 x 256 ピクセルに制限します。
  • コントラストを下げ、点滅するコンテンツの赤を避けます。
  • 点滅するコンテンツを開始前に抑制するメカニズムがあることを確認してください。
  • ライブ素材は、急速な点滅や瞬きを避けるために速度を落とす場合があります。
  • ユーザーがカスタマイズされたフラッシュ レート制限を設定できるようにします。
  • フラッシュのしきい値を測定し、違反していないことを確認するためのツールを用意します。

5.視覚的なニーズ

Prevent Blindness America によると、45 歳以上の 5,320 万人のアメリカ人が何らかの視覚障害を持っています。 Web アクセシビリティ標準を理解するために、2 種類の視覚的ニーズを定義できます。

  • ロービジョン： 「ロービジョン」とは、失明以外の視覚障害を指します。
  • 失明：これは、視力の完全な喪失と定義されます。

完全な失明はごく一部のユーザーに影響を与えますが、UX デザイナーは包括的なアプローチに従って、視覚障害者がページにアクセスできるようにする必要があります。

視覚的なニーズを持つ人々のための Web サイトのアクセシビリティに関するヒント

  • スクリーン リーダー:サイトがスクリーン リーダーに対応していることを確認してください。
  • 代替テキスト:画像に代替テキストを使用して、目の不自由な人がコンテキストを理解しやすくします。
  • コントラスト:適切なコントラストにより、眼精疲労を軽減できます。
  • 音声を使用する:サイトのコンテンツの音声による説明は、視覚的な問題を抱えているユーザーが効果的にアクセスするのに役立ちます。
  • ボタンとページにわかりやすいラベルを使用する:これは、弱視の訪問者が負担なくコンテンツにアクセスできるようにするのに役立ちます。
  • コンテンツの見出し:明確なタイトルを付けることで、サイトの訪問者は視覚に負担をかけずにコンテンツをスキャンできます。

Web ブラウジングのアクセシビリティのための 4 つのテクノロジー ソリューション

アクセシブルな Web サイトを作成することは、ビジネスとユーザーの両方の観点から役立ちます。 UI/UX デザイナーは、包括的な World Wide Web を作成し、包括的なユーザー エクスペリエンスを確保するために、Web アクセシビリティ ガイドラインに従う必要があります。 基本的な設計原則に従うだけでなく、プラグ アンド プレイ ソフトウェアを使用して、Web サイトをアクセシブルで、法的に準拠した、包括的なものにすることができます。 以下に、すべての人が Web サイトにアクセスできるようにするための 4 つの一般的なソリューションを示します。

1.字幕サービス

クローズド キャプション サービス プロバイダーは、字幕の形でビデオに視覚的な補助を提供します。これは、会話や音声から書き起こされたテキストを、発生時に統合することによって行われます。 このサービスは当初、聴覚障害者がテレビ番組や映画で話されている言葉や音楽を理解できるように設計されていましたが、状況に応じた障害を持つ他の人々を支援することもできます。

リアルタイム ビデオと事前に録画されたビデオの両方に対応するプロのクローズド キャプション サービスを見つけることができます。 G2 は、最高のクローズド キャプション サービス プロバイダーを一覧表示し、製品を比較してコンテンツに最適なクローズド キャプション ソフトウェアを選択するのに役立ちます。

2. 画面拡大ソフト

画面拡大ソフトウェアは、視聴者が目の疲労を管理し、正しい姿勢を維持し、教育に使用するときに適切な視聴距離を保つのに役立ちます。 また、Web サイトで使用して、視覚障害のある人が他の人と同じコンテンツにアクセスできるようにする優れたツールでもあります。 たとえば、Microsoft は、Windows 10 で拡大鏡ツールを提供しています。これを使用すると、画面の一部または全体を拡大して、文字や画像が見やすくなります。

3. 画面読み上げソフト

スクリーン リーダーは、テキストを読み上げる音声合成装置を使用して、目の不自由なユーザーがコンピューター画面上のテキストを読み上げることができるようにするソフトウェア プログラムです。 一部のスクリーン リーダーは、点字ディスプレイを使用してデータをやり取りすることもできます。 多くのスクリーン リーダーは、Linux、Windows、Mac、IOS、Android など、さまざまな OS タイプを実行しているパーソナル コンピューターで使用できます。

ただし、さまざまなスクリーン リーダーにはさまざまなコマンド構造が組み込まれていますが、複数の音声シンセサイザーがサポートされています。 NVDA (Windows 用) や Apple VoiceOver (iOS 用) など、多くの無料の画面読み上げソフトウェアを利用できます。

4. 音声認識ソフトウェア

音声認識ソフトウェアは、音声認識アルゴリズムを利用して、話し言葉や音声をテキストに変換するために使用できます。 オーディオ ファイルやビデオ ファイルをテキストに変換することで、聴覚障害や運動障害のあるユーザーがコンテンツに簡単にアクセスできるようになります。 音声認識ソフトウェアは、AI ベースのテクノロジーを使用して情報を翻訳および文書化することにより、企業がビジネス コミュニケーションを改善するのにも役立ちます。

優れた音声認識ソフトウェアには、いくつかの語彙と言語認識パターンが含まれているだけでなく、変換されたテキストを作成して共有し、複数のデバイスで情報を取得する機能も含まれています。 トップサービスプロバイダーによる最高の音声認識ソフトウェアを比較して、コンテンツに最適なものを選択できます.

ラップ

Web サイトのアクセシビリティは、ビジネスと人道の両方の観点から重要です。 これにより、World Wide Web がすべての人に開かれ、平等な機会とアクセスが提供されると同時に、包括的な環境が作成されます。

残念ながら、多くの Web サイトは障害者の要件を無視し続けています。そのため、一部の国では、W3C が定めた Web サイトのアクセシビリティ ガイドラインに従うことを法的に義務付けています。 あなたが UI/UX デザイナーである場合は、障害者のニーズを考慮して、コンテンツのリーチとアクセシビリティを広げてください。