アクセシビリティ基準を満たすために考慮すべき変更点とは?

Richard Pilton

Richard Piltonは、Kentの技術とソフトウェアの大手エージェンシーであるKayo Digitalのマネージングディレクター。

この記事はDesignmodoからの翻訳転載です。配信元または著者の許可を得て配信しています。

Make These Changes to Meet Web Design Accessibility Standards

アクセシビリティは、Webデザインやアプリケーション戦略の重要な要素です。イギリス政府の新たなアクセシビリティ規制により、2018年9月23日以降に作成されたすべての公営のWebサイトはアクセシビリティを考慮していることが必須となりました。モバイルアプリに関しては2021年6月までに対応する必要があります。

デザインはWebサイトやアプリにとって重要な要素です。実際多く機能を考慮する必要があるにも関わらず、組織は美的感覚に夢中になり、アクセシビリティを軽視することがよくあります。イギリスでは5人に1人がなんらかの障害を持っていると考えられているので特にです。

この記事では、アクセシビリティの要件について説明します。「重要な理由」「アクセシビリティの長所」「オンラインでのアクセシビリティで考慮すべき機能」について説明します。

アクセシビリティとは?

アクセシビリティとは、できるだけ多くの人が製品、デバイス、サービスを使用できるようにするためのデザインのことを指します。視覚障害、運動障害、学習障害、難聴などの障害のある人も含まれます。

これは、設計を単純化するだけではありません。アクセシビリティなプラットフォームを構築するということは、あらゆる側面を考慮し、ブランドがそれを必要とする人々に適応できるようにすることを意味します。アクセシブルなプラットフォームを作成するには、コンテンツ、デザイン、ナビゲーション、レイアウトなどのすべての機能を柔軟にすることが重要です。

なぜ公営でアクセシビリティが重要なのか?

公営の組織(政府が運営するサービス)は、障害のある人を含む誰もがこれらの不可欠なサービスを利用できる必要があるため、規制の影響を受けます。一部のサービスの場合、それらをもっとも必要としている人々は、オンラインまたはアプリからアクセスすることが難しいと感じるかもしれません。

アクセシビリティの利点

アクセシビリティなプラットフォームをうまく設計する主な利点は、すべての人がアプリやウェブサイトを利用できるようにすることですが、他にも多くの利点があります。

差別を避ける

Webサイトやアプリがすべての人を支援するために開発されているなら、差別のないプラットフォームを作ったことになります。多くの企業は個人を意図的に差別しているわけではありませんが、組織によっては、基本的なことよりも視覚的なことに焦点をあてています。これは公営の組織にとって非常に重要なことです。デザインに集中することで、一部の人々のアクセスを確保するために不可欠な特定の機能やコミュニケーション方法を排除する可能性があります。規制を満たしているだけでなく、すべての人のニーズを満たすプラットフォームを構築することで、差別を回避できます。

ブランドの評判を高める

アクセシブルなWebサイトやアプリは、ブランドの評判を高めることができます。なぜなら、より多くのユーザーにアピールし、トラフィックを増やすことになるからです。同様に、アクセシビリティは、すべてのユーザーに対応していることを示すため、競合他社よりも際立っています。これは、組織にとって有益なマーケティングツールになります。

一般的なユーザビリティが向上する

アクセシブルなプラットフォームを持つことで、すべてのユーザのユーザビリティが向上します。アクセシブルな設計戦略を開発する過程で、最初は気付かなかったユーザビリティーの問題を発見します。また、モバイル経由でコンテンツにアクセスするユーザーや、オンライン公共サービスに苦労する可能性のある、技術的経験の浅い年配のユーザーにもメリットがあります。プラットフォームの機能を調整して使いやすくさせるのはユーザーです。

考慮すべき機能

ガイドラインを満たすために必要なことと、アクセシブルなデザイン戦略を作成する方法について説明します。

注意が必要な要素のリストは次の通りです。

1. レイアウト

明確でシンプルなレイアウトにしてください。乱雑なデザインは混乱を招く可能性があります。ユーザは機能のサイズに対応し、必要に応じて機能を大きくする必要があるため、応答性の高いレイアウトが不可欠です。

2. 色

色覚異常のある方のために、カラーパレットを十分に検討する必要があります。インターフェイスの主要な要素を識別するのに、色だけに頼らないでください。このような場合は、すべてのユーザーが表示される情報を完全に解釈してスムーズにナビゲートできるように、これらの領域を支援するテキストを含めます。

3. ナビゲーション

明確な指標と短いタスクフローにより、スムーズなナビゲーションが可能です。ボタンは一貫性があり、特に行動を促すフレーズで、明確にラベル付けされている必要があります。メニューバーと検索ボックスも同様の形式で配置し、ユーザーが混乱することなくプラットフォーム内をスムーズに移動できるようにする必要があります。

4. キーボードのアクセシビリティ

マウスを使用できないユーザーを考慮してください。これは、ユーザーが(必要に応じて)キーボードのみを使用して移動できるようにサイトを設計することを意味します。たとえば、矢印、スペースバー、Enterなどのさまざまなボタンを使用します。これは移動が困難な人たちに特に重要です。

5. メッセージング

メッセージングは慎重に検討する必要があります。一部のユーザーは読みにくい場合もあるため、文字の書式を考える必要があります。平易な英語で話し、長い文や段落を使わず、イタリックや不均等な間隔を避けてください。また、色やフォントについて考えてください。読みやすいですか?

6. 音声とビデオ

必要に応じて、設計戦略に対話性を含める必要があります。特に、公営のプラットフォームでは、オーディオやビデオを含めるには、アクセシブルな機能を使用する必要があることを覚えておくことが重要です。ユーザーは、一時停止/停止、音量調整、キャプションの制御ができる必要があります。字幕は、音声ファイルのテキストバージョンを含めるだけでなく、聴覚障害のあるユーザにも対応するための良いアイデアです。新しい公営の規制は、2020年9月23日以前に公開されたライブ/録画済みのオーディオおよびビデオには影響しません。

テスト、テスト、テスト

明確な目標の概要を示し、アクセシブルなプラットフォームをデザインしたら、次のステップはテストです。エラーの検出に役立つ自動化されたユーザー補助ツールなど、さまざまな方法がありますが、これらのツールに投資する前に実行できる簡単な手順もあります。たとえば、マウスのプラグを抜いて、キーボードだけを使ってサイト内を移動することは、キーボードのアクセシビリティをテストするのに役立ち、テキストのサイズを最大300%大きくすることは、視覚障害者がプラットフォームにアクセスできるかどうかを示すことになります。

人為的な試行錯誤もテスト方法の1つです。対象となるユーザー、障害の有無にかかわらず、プラットフォームをテストし、コンテンツに対する反応を確認します。アクセシブルな機能が動作していないかどうかを確認できます。その後、機能しなかった機能に戻り、代替ソリューションを考えることができます。

まとめ

アクセスできない公共のプラットフォームは、障害者コミュニティ全体の数百万人ものユーザーに影響を与え、公共のサービスをオンラインで利用することを妨げています。誰もが独立してインターネットを使う権利を持ち、それを実現するのはデザイナーの仕事です。

すでに学んだように、アクセシビリティに関して考慮すべき点は数多くありますが、新しい規制を制約と見なさないでください。より多くのお客様にリーチし、誰とでもつながるポジティブなブランドを創造する機会ととらえてください。


Welcome to UX MILK

UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。

このサイトについて