アクセシビリティを必要とする人々のためにデザインする方法

ウェブを使う人々は同質の集団ではなくむしろむしろ 非常に高い多様性を持つ巨大なグループ. 彼らの多くは、英語が母国語ではないか、または健康状態に優れた高学歴の都市住人ではありません。私たちが一般向けにデザインするときは、この事実に注意を払う必要があります。さもなければ、私達は多くの潜在的なユーザーを逃し、そしてサイトのサーチエンジンのランキングを押し上げる大きな可能性を失う.

普遍 そして 包括性 W3CのWebデザイン関連規格の1つであるアクセシビリティWeb規格に焦点を当てています。ウェブアクセシビリティイニシアチブ（WAI）の最終目標は、うまく機能するウェブをデザインすることです。 “ハードウェア、ソフトウェア、言語、文化、場所、肉体的または精神的能力にかかわらず、すべての人に”.

アクセシビリティについて考えるとき、私たちが理解する必要がある最も重要なことは、ユーザーが持っている必要はないということです。 全損 感覚や能力の アクセシビリティサポートを必要としている. 部分的な視力喪失、または軽度の聴覚障害などの問題を抱えている人も、アクセシビリティのニーズがあります.

それでは、だれが主要なグループなのか、Webをどのように使用するのか、そして慎重なデザイナーがどのようにユーザーエクスペリエンスを向上できるのかを見てみましょう。.

視覚障害

このグループの人々は片方または両方の目に軽度または中等度の視力障害、色覚異常、弱視、失明または聴覚障害を持つ可能性があります。

多くの場合、次のことが必要です。 Webコンテンツの表示を自分のニーズに合わせて変更する. 文字サイズや画像のサイズを変更したり、読みやすさを向上させるためにフォント、色、間隔をカスタマイズしたりする機能が必要です。マウスポインタを見ることができない人が次のようにしてコンテンツをナビゲートできるようにすることもお勧めです。 彼らのキーボードだけ.

多くの視覚障害者が使う スクリーンリーダー フロントエンドが意味的にコード化されている場合にのみ適切に動作します。それ以外の場合は、それらの特別な支援ソフトウェア Webページの構造を識別できません そしてユーザーは内容を理解できないでしょう.

説明の助けを借りて、ハイパーリンク、アイコン、画像、およびその他のメディアタイプの適切な説明をこれらのページに提供する必要があります。 オルト そして タイトル HTMLの属性ここでの経験則は、 非テキスト要素ごとに同等の代替テキストを利用可能にする.

可能であれば、ユーザーが自分のブラウザ設定を構成しないようにしないことも重要です。, すべてを相対単位で指定 正確なサイズの代わりに（ems、rems、またはパーセンテージ）.

実際、Googleや他の検索エンジンのボットも視覚障害のあるエージェントと考えることができ、視覚障害のある人間にとって良いことはすべてボットを喜ばせ、それによってサイトのSEOランキングを向上させることに留意してください。.

聴覚障害

さまざまなグレードの聴覚障害を抱えているWebユーザーは、特にバックグラウンドノイズがある場合は常に音声を理解できません。ここで最も頻繁に使用されるケースはビデオコンテンツです。 オーディオ部分に視覚的な補助を追加することによってアクセス可能になりました.

WGBHラジオのメディアアクセスグループによると “推定2400万人のアメリカ人が十分に聴覚障害を抱えているため、テレビ番組の意味を完全に理解することはできません。”.

を使う クローズドキャプション そのようなバックグラウンドノイズ 音楽や爆発もキャプションされています 彼らを大いに助けることができます。キャプションとトランスクリプトのためのオプションを提供することはまた人々の経験をかなり改善することができます ネイティブスピーカーではない人 録音された言語の.

Webアプリケーションやモバイルアプリケーションを設計するときにも注意が必要です。ユーザーが音声を使ったインタラクションだけに頼らなければならない場合、 聴覚障害 またはそれら 適切なオーディオハードウェアまたはソフトウェアなしで 使用法から除外されます.

アプリデザイナーも常に注意を払う必要があります 音量を停止、一時停止、または調整するオプションを追加する. Apple TVは、聴覚障害者のために設計されたデバイスの優れた例です。字幕やキャプションを個々のニーズに合わせてカスタマイズするための優れたユーザーインターフェイスが提供されるためです。.

認知障害および神経障害

脳や末梢神経系に関連する障害は、人々が物を動かしたり見たり聞いたり理解したりする方法に影響を与えます。する必要がある人はたくさんいます プロセス情報が他より遅い, だから我々はそれらを提供する必要があります 明確に構造化されたコンテンツで それ オリエンテーションを容易にする.

私たちがいるならそれも助けることができます さまざまなナビゲーション方法を提供する：1つの巨大なドロップダウンメニューだけでなく、タグクラウド、検索オプション、ブレッドクラム、およびその他のスマートでわかりやすいソリューション.

でコンテンツを強化する 視覚的な合図が非常に重要です 認知障害や神経障害を持つ人々が、伝えたい情報を理解できるようにしたいとき. 画像、グラフ、イラスト、および長い段落を避けるなどのスマートタイポグラフィ 彼らのためにたくさんできる.

気晴らしの数を減らす 点滅したり点滅したりする広告や迷惑なポップアップのように私たちのサイトでそれらの多くを保つことができます、ちょうどADHD（注意欠陥多動性障害）や自閉症の人たちについて考える.

アクセス可能なナビゲーションと説明的な視覚的手がかりを備えた、慎重に設計された、論理的に構造化されたコンテンツの例を見たい場合は、米国政府の社会保障管理局のサイトをご覧ください。.

身体的障害

身体障害者が持つことができる 運動障害、感覚または筋肉制御の制限、関節の問題、四肢の欠損, そして他の多くの身体障害に直面する可能性があります.

おそらくそれらに関連する最も重要なことは常に提供しています フルキーボードサポート, そして 彼らが仕事を完了するのに十分な時間を与える オンラインフォームへの記入、質問への返信、コメントセクションの以前の内容の編集など.

募集 キーボードショートカット, 特にタッチ対応デバイスでは このグループのための天使になることができます.

身体の不自由な方は、小さな領域をクリックすると問題が発生する可能性があるため、次のことを確認する必要があります。 ボタンのように大きくてクリック可能な領域を設計する.

それらの多くが補助的なハードウェアやソフトウェアを使用していることを覚えておくことも重要です。彼らはの助けを借りてコンテンツにアクセスすることができます トラックボールでナビゲートされるスクリーンキーボード, または彼らは使用することができます 音声認識 または アイトラッキングソフトウェア.

そのため、前の場合と同じように、気を散らすことなく、論理的で一貫したナビゲーションと構造化されたサイトを構築することが重要です。.

結論

障害者向けのWeb体験を作成することは、優れたデザイン手法です。感覚障害者のニーズを考慮に入れたサイトを構築する場合は、論理的で、構造がよく、使いやすい製品を設計します。これは障害者だけでなく、すべてのユーザーにとっても同じことが言えます。 直感的でカスタマイズ可能なWebサイト それは理解しやすいです.

ユーザーがオンラインコンテンツをどのように消費したいかを選択し、ユーザーがサイトとやり取りする可能性をすべて慎重に検討すると、デザインの全体的なユーザーエクスペリエンスが大幅に向上します。.

今読む：障害を持つ人々のための10の支援技術