障害を持つユーザーのためのアクセシブルなデザイン

公開: 2020-12-23

テクノロジーは私たちの生活をより良くするために存在します。 物事を効率的に完了し、ポイント A からポイント B に迅速に到達できるようにするのに役立つため、重要なことにより多くの時間を割くことができます。 Boldist では、すべてのユーザーがこれらのツールを使用する機会に値すると考えています。 この概念はユニバーサル デザインと呼ばれ、私たちのデザインの選択を後押しします。

アクセシブル デザインは、身体の不自由なユーザーに一般の人々と同じ使いやすさを提供するユニバーサル デザインの一部です。

平均的な Web サイトが障害のある人にとって 3 分の 1 である場合、これは重要な違いです。 Nielsen Norman Group の調査によると、視覚障害のあるユーザーがスクリーン リーダーを使用してタスクを完了する成功率は、障害のないユーザーが達成した 78.2% と比較してわずか 12.5% であり、視覚障害のあるユーザーは完了するまでに 2 倍以上の時間がかかりました。タスク。

国連の障害者権利条約は、障害者に対する 2 つの主要な障壁、すなわち環境と態度を特定しています。 障害を持つ人々が孤立し、彼らの問題は自分たちで対処する必要があると言われているため、無関心の空気が広がるのは態度の障壁です。 その結果、ユーザビリティに不当なギャップが残ります。

これは、思いやりのある社会が機能する方法ではありません。また、すべてのユーザーに開かれた共感的なデザインを構築する方法でもありません。 障害の性質上、そのギャップを完全に埋めることは難しいかもしれませんが、オンライン環境は実際よりもはるかにアクセスしやすいものになる可能性があります。 必要なのは、アクセシビリティを念頭に置いた調査と設計への取り組みだけであり、そのメリットは計り知れません。

アクセシブルなデザインの利点

世界保健機関によると、世界人口の 15% 以上が身体障害者です。 したがって、アクセシブルな Web サイトやアプリを作成することは、より多くの有料顧客にアクセスすることを意味します。 ターゲット ユーザーの 15% を無視することはありませんが、アクセシビリティを考慮しない設計はまさにそれを行います。

人々はまた、アクセシビリティを考慮して設計すると、自由が減り、デザインが魅力的でなくなることを頭に入れています。 実際、アクセシブルなデザインは、見た目も機能も良く、ウェブページの読み込みが速く、すべての人にとってより優れたユーザーエクスペリエンスを生み出す傾向があります. たとえば、ろう者向けのキャプションは、家にヘッドフォンを忘れた人にも役立ちます。 アクセシビリティはユニバーサルデザインに役立ちます。

アクセシビリティを考慮して設計すると、コードのデバッグと修正に費やす時間と費用が減るため、今後のコストと労力も削減されます。 Google などの検索エンジンはスクリーン リーダーと同様の方法でオンライン コンテンツを理解するため、この同じコードが SEO エンハンサーとしても機能します。

アクセシブルなデザインと改善されたユーザー エクスペリエンスにより、評判が高まり、デジタル世界をより良い場所にするために貢献した知識を得ることができます。

そして、まだ納得していないかのように、Americans With Disabilities Act により、Web サイトを ADA に準拠させることが求められる場合があります。

免責事項: 私たちは弁護士ではなく、あなたの弁護士でもありません。 私たちにできることは、誰もがあなたのウェブサイトに簡単にアクセスできるようにすることであり、それは重要なことだと考えています.

ADAコンプライアンスとは?

私たちと同じように、司法省は、情報通信技術へのアクセスが基本的な人権であると信じており、障害を持つアメリカ人法 (ADA) を作成しました。 この法律では、特定の組織の Web サイト、アプリ、およびソフトウェアがアクセシブル デザインの基準を満たすことを義務付けており、障害を持つ人々が平等にアクセスし、使いやすくすることができます。

これらの標準は WCAG 2.0 AA ガイドラインでアクセスでき、次の 4 つの原則が含まれています。

  1. 知覚可能:すべてのコンテンツと UI 要素は、誤動作することなくユーザーのニーズに合わせて知覚または調整できます。
  2. 操作可能:すべての UI 要素が操作可能で、簡単にナビゲートできます。 タスクを完了することは効率的です。
  3. わかりやすい:情報と UI 要素がわかりやすい。 (オンライン フォームはよくある問題領域です。)
  4. 堅牢:ユーザーまたはユーザーの支援技術がコンテンツを解釈できます。

これらの 4 つの原則の下に 12 のガイドラインがあり、それぞれに独自の成功基準とその基準を満たすための助言手法があります。 ユーザー インターフェイス (UI) デザインは UX デザインのサブセグメントであり、魅力的でアクセシブルな製品を作成するには両方が必要であることに注意することが重要です。

また、ADA ガイドラインを満たす UI と UX を作成することで法的な問題を回避できますが、すべてのユーザーをサポートする必要があります。 これは、感覚障害、認知障害、および運動障害のある人を説明することを意味します。

視覚障害者のためのデザイン

デジタル環境を横断することは、その視覚的な性質のために、視覚障害者にとって特に困難です。 スクリーン リーダーは、オンライン インターフェースを解釈してテキストを読み上げることができますが、スクリーン リーダーを使用するには、テキストとコードを最適化する必要があります。 テキストの多いページをナビゲートすると、コンテンツに目を通すことができず、コンテキストを提供するデザイン インジケーターや画像が欠けているとイライラすることがあります。

これは、デザイナーと開発者が協力して、優れた読みやすい代替テキストとコードを作成する場所です。 アクセシビリティのために代替テキストを書くということは、画像やページ要素を明確かつ目的を持って説明する方法を知ることを意味します。 Web ページのヘッダー タグにラベルを付け、テキストにリンクを記述し、スクリーン リーダー用のフォームなどの要素をフォーマットします。

アクセシブルなデザインに向けた努力が無駄にならないように、すべてのブラウザーがコードを読み取れるようにしてください。

視覚障害はあるが全盲ではないユーザーの場合、見やすいように色のコントラストを付け、フォント サイズを調整できるようにします。 これらの調整を行っても、他の UI 要素の外観に悪影響を与えることはありません。 高いコントラスト比を使用することも、UI デザインを色覚異常者にやさしくする多くの方法の 1 つです。

これらのヒントの多くは、視覚障害者向けのアクセシブルなマーケティングにも適用できますし、適用する必要があります。

聴覚障害者と HOH のためのデザイン

GIF からビデオまで、マルチメディア要素がコンテンツを引き継いでいくにつれて、聴覚障害者や難聴者向けのデザインがより重要になっています。 聴覚障害者がコンテンツにアクセスできるようにする最善の方法の 1 つは、すべてのオーディオに字幕と文字起こしを組み込むことです。

キャプションを提供すると、他の言語を話す人や、音声を大声で再生できない人など、視聴者の可能性が広がります。

認知障害のための設計

製品を設計する際には、ADHD、失読症、学習障害、てんかんなどの認知または神経障害を持つユーザーも考慮する必要があります。

シンプルな言葉遣い、一貫したナビゲーション、情報アーキテクチャ内の明確な階層に固執し、時間指定タスクの時間調整を許可します。 内部検索エンジンを組み込む場合は、スペル ミスを許容するように最適化します。 これらの調整を行うことで、製品をナビゲートするすべてのユーザー、認知障害のあるユーザーとないユーザーの両方にメリットがあります。

てんかんを患っているユーザーの場合、発作の誘発を避けるために従うことができる安全なコンテンツのガイドラインがあります. コンテンツのフラッシュは一般的なトリガーであるため、フラッシュを 1 秒あたり 3 回未満に制限することをお勧めします。 点滅するコンテンツでは常に赤色を避けてください。

運動障害のための設計

ユーザーベースのメンバーは、運動障害や振戦などの運動障害を持っている可能性があり、事故や脳卒中の後に生まれたか、取り残されています。 これらのユーザーの多くは、代替キーボードや音声コマンド ソフトウェアなどの支援技術を利用しています。

キーボード ナビゲーションとコマンド テクノロジとの互換性を確保することで、運動障害を持つユーザーがデザインとコンテンツにアクセスできるようにします。 すべてのサイト アクションとタスクは、これらのデバイスに変換できる必要があります。

その他のアクセシビリティ

アクセシビリティの障壁を経験しているのは、障害を持つ人々だけではありません。 製品を使用する状況は、いくつかの点でユーザビリティに影響を与える可能性があります。 状況による制限には、睡眠不足、地下にいる、明るい環境にいる、帯域幅が限られている、公共の場所にいるなどがあります。

すべてのユーザビリティの障壁を考慮に入れることで、Web デザイナーは、すべてのユーザーがすべてのコンテキストで製品を使用できるユニバーサル デザインに近づきます。

リサーチ。 デザイン。 監査。 繰り返す。

アクセシビリティは、設計プロセスの最初から関与する必要がありますが、開始するのに遅すぎることはありません。 アクセシビリティ テストは、ユーザビリティの問題を事前に発見するために使用できる多くの UX 調査方法の 1 つです。 また、障害のあるユーザー向けのオーディエンス ペルソナを作成して、ユーザー エクスペリエンスを設計する際に、障害のあるユーザーのニーズに共感し続けることができるようにすることもできます。

設計後、開発した製品が公開された後でも、定期的にアクセシビリティ監査を実施します。 コードから alt タグ、配色まで、すべてがアクセシブルなデザインの基準を満たしていることを確認してください。 A11Y プロジェクトは、アクセシビリティを評価するための優れたリソースを提供します。

デジタル製品を設計および監査するときは、音声、色、アニメーション、画像、構造、コントロール、フォント、および時間要素のアクセシビリティを評価します。

アクセシブルなデザインを優先する

私たちは日常生活を楽にするためにテクノロジーを使用しており、誰もがこれらのツールに平等にアクセスする権利があります。 アクセシブルな Web サイトやアプリの開発に取り組むことで、KPI を高めながら平等に貢献できます。

デジタル製品を構築している場合、または再設計が必要な場合は、アクセシビリティを優先し、設計の専門家に連絡してください。