UXとWebアクセシビリティの重要性

Webアクセシビリティとは、ユーザーが持つ可能性のある障害に関係なく、すべての人が同じ情報にアクセスできるようにすることです。

世界銀行によると、10億人（世界人口の15％）が何らかの形の障害を経験しており、米国だけでも約5,700万人が障害を抱えています。 （2012年7月25日に米国国勢調査局が発表した数値によると、米国の人口の19％です。）

一時的または永続的な4つの大まかにグループ化されたタイプの障害があります：身体的（麻痺または細かい運動制御の問題など）、感覚的（自閉症、聴覚障害、または失明など）、知的（ダウン症または発達遅延など） ）、および精神疾患（統合失調症およびうつ病を含む）。 多くの高齢者は、高齢化に伴う問題を抱えており、アクセシビリティへの配慮からも恩恵を受けることができます。

Webアクセシビリティの重要性を過小評価しないことが重要です。 20年前はインターネットは技術オタクの場所でしたが、今では情報、娯楽、コミュニケーションの主要な情報源となっています。 ショッピングから友達とのひとときの共有、ニュースの閲覧、テレビ番組の視聴、仕事への応募、休暇の予約など、あらゆることに使用されます。 しかし、障害を持つ人々にとっては、多くのWebサイトが彼らのニーズを考慮していないため、これらのものの多くにアクセスできないようにする障壁があります。 インターネットの多くはまだパブリックスペースとして扱われておらず、能力に関係なくすべての人がアクセスできるとは限りません。

Webアクセシビリティに関する神話

単に完全に無視されていない場合、アクセシビリティはWebデザインの最も無視されている側面の1つです。 悪意のあるデジタルエージェンシーとその設計および開発チームによって過去20年間に広まった不正確なアイデアに苦しんでいます。 中傷者は、アクセシビリティをすべてのユーザーにとって優れたUXを備えたWebサイトを作成するための制限的かつオプションの部分と見なしているため、技術革新、法改正、および主要な人口動態の進化を認めることができません。 アクセシビリティが実際に必要ではない理由に関するほとんどの議論は、次の1つ以上のポイントを中心に展開されます。

1.「醜いです。」

完全なアクセシビリティでは、デザイナーがWebサイトまたはアプリケーションの全体的なルックアンドフィールに影響を与える可能性のあるいくつかの厳格なガイドラインに従う必要があることは事実ですが、画像の代替テキスト説明の提供など、一部の改善はユーザーに目立った影響を与えません。インターフェース。 今日のテクノロジーを使用すると、トレンディでインタラクティブ、魅力的でアクセスしやすいWebサイトを作成することが完全に可能になります。 したがって、Webアクセシビリティはもはや負担と見なされるべきではありません。 その上、アクセスできない醜いウェブサイトもたくさんあります！

2.「時間がかかりすぎ、コストがかかりすぎ、メリットがありません。」

アクセシビリティを組み込むことは必ずしも簡単なことではなく、おそらくWebサイトまたはアプリケーションの構想および開発フェーズに費やされる時間が増えることは事実です。 ただし、サイトの改善と技術的な修復に費やす時間を削減できます。コードがよりクリーンになり、バグが少なくなります。

デジタルプロジェクトの最初からアクセシビリティを考えることは、メンテナンスやカスタマーサポートを含む後のコストを抑えるのにも役立ちます。 SEOの観点から、アクセス可能なWebサイトは、より良いランキングを取得するのにも役立ちます。 Googleなどの検索エンジンは、スクリーンリーダーを使用する視覚障害者のように動作します。 ページをスキャンする場合、ロボットはテキストのみを理解するため、コンテンツアーキテクチャと見出しを計画し、画像の代替テキストを提供することが重要です。

3.「誰も気にしません。」

この議論は、ウェブサイトにアクセスできるようにするために時間やお金を投資したくない企業やデザインエージェンシーにとって主な議論になる傾向があります。 彼らのデータを見ると、障害を持つ人々は彼らのウェブサイトにさえアクセスしていないようです。 （ああ、皮肉なことです！彼らがアクセスできない場合、どうして彼らはそうすることができますか？）彼らはまた、市場が小さすぎてとにかく問題にならないことを確信しています。

大きな障害を持つ人々は彼らの聴衆のごく一部かもしれませんが、シニアユーザーはどうですか？ 難聴や色覚異常のユーザーなど、「軽度の」障害と見なされるユーザーはどうでしょうか。 衰弱性の片頭痛に苦しんでいて、明るい色に耐えられない、または11pxタイプで書かれたページを無限にスクロールすることができない平均的なユーザーはどうですか？ 「従来の」障害者とは見なされない多くのユーザーは、アクセスできないWebサイトに苦しむ可能性があります。

一方、実際の生活と同じように、テクノロジーをアクセシブルにすることはすべての人に利益をもたらします。 騒がしいバーのテレビやベビーカー用の車椅子用スロープのキャプションを検討してください。

4.「オプションです。」

まあ、実際にはそうではありません。 多くの国では、サービスや製品を提供する際に障害者を差別することを違法にする法律があります。 したがって、理論的には、障害を持つユーザーがWebサイトにアクセスできないためにコンテンツにアクセスできない場合、デジタル差別を合法的に訴える可能性があります。 そして、これらの訴訟は毎年頻繁に発生しており、多くの場合、企業の解決に数百万ドルの費用がかかります。

Webアクセシビリティを気にする理由

1.法令遵守

米国では、アクセシビリティ要件は1990年に制定されたアメリカ障害者法に記載されています。当時は主に実店舗に関するものであったため、ウェブサイトやアプリケーションを対象にするかどうかについて裁判所は分かれていました。 2017年には、米国だけで800件を超える訴訟が連邦裁判所に提起されたため、訴訟の脅威は現実のものです。

FacebookはEmpathyLabとアクセシビリティに関するポリシーで賞賛されてきましたが、他の企業はそれほど幸運ではありませんでした。 Netflixは、視覚障害者と聴覚障害者のさまざまな団体から何度か訴えられてきました。 最終的には、すべてのプログラムに字幕を追加するなど、すべてのユーザーにコンテンツへの平等なアクセスを提供する必要がありました。

2.評判の向上

障害のある人を受け入れる企業は、それからのみ恩恵を受けます。 ウェブサイトやアプリに完全にアクセスできるようにする取り組みは、評判にプラスの影響を与え、すべてのユーザーの社会的責任とケアのイメージを作成します。

アクセシビリティ機能を追加する過程で、シリコンバレーの巨人は、ゲームに革新をもたらすことを躊躇せず、テクノロジーと革新的な新機能に何百万ドルも投資しています。 たとえば、Facebookは現在、人工知能を使用して、視覚障害のあるユーザーにオブジェクト認識テクノロジーを介した自動代替テキストを提供しています。 この機能により、Facebookで毎日共有される20億枚の写真を十分に楽しむことができます。 このアイデアは主に、アクセシビリティチームと協力している盲目のソフトウェアエンジニアであるMattKingから生まれました。 Facebookは、オンラインと現実の世界の両方で、障害を持つ人々にとって友好的な企業であることにコミットしていることを示しています。

3.新規顧客の獲得

障害を持つ人々の80％以上が、障壁のためにサービスプロバイダーを信頼しないことを決定しました。これは、Webアクセシビリティの低下が最大の理由の1つです。 ほとんどのブランドで無視されることが多いため、障害を持つユーザーは、よく考えられたユーザーエクスペリエンスを提供する企業に、より多くのお金を費やすことをいとわないでしょう。 この特定の市場の購買力は巨大です。

アクセシビリティの改善は、現在の顧客を引き離すことはありませんが、新しい顧客を引き付け、コンバージョンを改善します。 障害のあるユーザーを認めることで、ユーザーの権利が重要であり、ビジネスが評価されていることをユーザーに知らせることができます。

障害の種類とさまざまな障害に対するアクセシビリティを改善する方法

さまざまな永続的および一時的な障害があり、ユーザーはさまざまな課題に直面し、さまざまな解決策を模索しています。 すべての人に同じコンテンツを提供するには、すべてのニーズに対応する必要があります。

1.感覚障害

視覚と聴覚の問題は最も一般的な感覚障害ですが、他にも影響を受ける障害がいくつかあります。高齢者、色覚異常または難聴者、および多くの自閉症のユーザーです。

聴覚障害のあるユーザーの場合、ウェブサイトやアプリにアクセスできるようにするための1つのステップは、テキストのトランスクリプトとビデオのキャプションを実装することです。 それらは聴覚障害者にとって必須であるだけでなく、聴覚にも役立ちます。

Ofcomによるアクセシビリティに関する調査によると、クローズドキャプションを使用する人の80％は、聴覚障害者でも難聴者でもありません。 これは、誰もが利用できるアクセス可能な機能の典型的な例です。

視覚障害に関しては、ほとんどのガイドラインがあらゆるタイプのユーザーにも役立ちます。 色覚異常の場合でも片頭痛に苦しんでいる場合でも、対照的な色（テキストと背景）を使用してくれたデザイナーに感謝します。 誰もが、より大きな相対的なフォントサイズ（ピクセルではなくem）とサイズを調整するオプションの恩恵を受けます。これは、シニアユーザーに特に高く評価されている機能です。

目の不自由なユーザーについては、JAWSやWindow-EyesforWindowsやVoiceOverforMacなどのスクリーンリーダーのおかげで、Webサイトが表示されない場合もあります。 そのようなプログラムはコンテンツを声に出して読みます…そして彼らはそれをすべて読みます。

ページ内を移動しやすくするために、[メインコンテンツにスキップ]オプションを使用して、ナビゲーションメニュー全体が連続して何度も読み取られないようにしてください。

さまざまな見出しを使用してページを正しく構成し（<h1>を1つだけ、レベルをスキップしないでください）、すべての画像にテキストの説明を含め、複雑なテーブルを避け、テキストのハイパーリンクを慎重に選択します。 リンク先を適切に説明する必要があります。「ここをクリック」するだけでは、関連情報が提供されないため、スクリーンリーダーのユーザーには効果がありません。

2.運動障害

一部のユーザーは、マウスまたはトラックパッドを永続的または一時的に使用できない場合があります。 したがって、キーボードを使用してサイトを閲覧する場合は、「タブ」または「矢印」キーを押す必要があります。

キーボードを使用するだけでWebサイトを十分に体験できるようにすることは、Webアクセシビリティに実装する最も簡単で安価な機能の1つです。ほとんど作業を必要とせず、マウスのプラグを抜くか電源を切るだけで確認できます。 ブラウザは、Tabキーを押すと、Webページ上のクリック可能なアイテムを自動的に選択します。これは、アクセシビリティに非常に役立ちます。したがって、開発チームがそれをオフにしないようにしてください。

3.認知障害

学習障害、ダウン症、ADHD、失読症、およびユーザーが年をとるにつれて時々起こるものを含む他の認知障害を持つユーザーは、明確なコンテンツと一貫したUIから大きな恩恵を受けるでしょう。 したがって、論理インターフェイス（類似したアクションの類似した色、フォントの組み合わせ、単純なアニメーション、参加を求められたときの視覚的なヒントなど）を構築し、見出しを使用してコンテンツを整理し、さまざまな部分をすばやく識別してください。

ルールとパターンを設定し、定義された設計原則に従うことで、ユーザーはより速く移動し、ナビゲーションエクスペリエンスの驚きを回避できるため、全体的にスムーズで理解しやすくなります。 サイトまたはアプリケーションのUIを簡素化および標準化すると、すべてのユーザーのユーザーエクスペリエンスが向上する傾向があります。

Webアクセシビリティテストのヒント

1.ガイドラインに従う

すぐに利用できるアクセシブルなウェブサイトを作成するための国際的なガイドラインがあります：ウェブコンテンツアクセシビリティガイドライン（WCAG）。 W3Cプロセスを通じて開発されたWCAG（現在はWCAG 2.0）は、Webコンテンツのアクセシビリティのための単一の共有標準を提供します。

主に開発者、設計者、およびアクセシビリティの専門家を対象としたすべてのWCAGドキュメントは、Webサイトをよりアクセスしやすくする方法を説明し、知覚可能、操作可能、理解可能、および堅牢という4つの原則に基づいて構成されています。 この一連の推奨事項により、適合レベル（A-最小、AA-満足、またはAAA-エクセレント）に到達できます。

すべてのWCAG標準の実装には時間がかかりますが、基本から始めると、さまざまな障害を持つユーザーにとってWebサイトをより使いやすくすることに大きな影響を与える可能性があります。

2.オンラインまたは支援技術で確認します

W3cの公式バリデーターなど、Webサイトがアクセシビリティガイドラインを満たしているかどうかを確認するためにオンラインで利用できるツールがあります。 オンラインツールは主にWebサイトの技術的側面をチェックするため、すべてのアクセシビリティの問題を見つけることができない場合があることに注意してください。 スクリーンリーダーなどの支援技術を使用してWebサイトをテストすることは、Webサイトに本当にアクセスできることを確認するための重要なステップです。 ただし、これらはどちらも手頃な価格の開始場所ですが、実際のユーザーフィードバックに取って代わることはありません。 アクセシビリティが真剣に優先事項と見なされる場合は、さまざまな障害を持つユーザーをユーザーテストプロセスに含めることが重要です。

3.ユーザーテスト

立ち上げ前に新しいウェブサイトやアプリのUXテストプロセスに障害者を含めることが重要です。 ユーザーエクスペリエンスが実際に楽しいかどうかについて、最も関連性の高いフィードバックを提供します。 さまざまな障害に応じてテストシナリオを準備する、信頼できるUXデザイナーと協力して作業します。

アクセシビリティコンプライアンスを獲得することはもはや選択肢ではありません

アクセシビリティは、日常生活の多くがオンラインで発生し、世界の人口が増加し、高齢化するにつれて、ますます大きくなる大きな問題です。 2050年までに、高齢化する世界人口は2倍になると予想されています。 人口統計のその変化は、年齢と密接に関連する多くの障害が増加することを意味します。

これは簡単な作業ではありませんが、アクセシビリティを無視し続ける企業は、すでに顧客を失っており、今後数年間でさらに多くの顧客を失い、結果として収益が大幅に減少することを理解する必要があります。 他のマイノリティの認識が進んでいる世界では、アクセシビリティの権利が人権であることを否定することは、彼らの公共のイメージと評判を損なうことにもなります。

そのことを念頭に置いて、企業がWebサイトやアプリを作成する際の重要な価値としてアクセシビリティを採用するのが早ければ早いほど、障害のあるユーザーを無視しない企業として認識されるようになります。 彼らはより多くのトラフィックを獲得し、ひいてはより多くのコンバージョンを獲得するでしょう。 Webアクセシビリティの重要性を認識することは、お互いに有利な状況です。

•••

Toptal Designブログでさらに読む：

• eコマースUX–ベストプラクティスの概要（インフォグラフィック付き）
• 製品設計における人間中心の設計の重要性
• 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
• モバイルインターフェースのヒューリスティック原則
• 予測的デザイン：魔法のユーザーエクスペリエンスを作成する方法