デジタルアクセシビリティは、すべての人にとって包括的な体験を生み出すために不可欠です

公開: 2022-07-14

現実には、オーストラリアの人口の 18% (5 人に 1 人) が障害者であるにもかかわらず、インターネットの多くは障害者にとってアクセスできないままです。 したがって、完全なアクセシビリティのために最適化された Web サイトとコンテンツを持つことは、医療、雇用サービス、電子商取引、およびソーシャル メディアへの個人の平等なアクセスを保証するだけでなく、誰もが製品やサービスにアクセスして使用する機会を平等に与えます。制限なしであなたのウェブサイトと完全に対話します。

コンテンツ
  1. デジタルの世界は、すべての人がアクセスできるようになると、より良い場所になります
  2. 4 つの基本原則の適用
  3. ウェブサイトをよりアクセスしやすくするための小さな変更

デジタルの世界は、すべての人がアクセスできるようになると、より良い場所になります

デジタルワールドはより良い場所です

アクセシビリティを考慮しないと、製品やサービスの潜在的な消費者が置き去りにされてしまいます。 簡単に言うと、デジタルの世界は、すべての人がアクセスできるようになったときに、より良い場所になると信じています。デジタルのアクセシビリティにより、すべての人にとって包括的な世界を作り始めることができます。

では、どこから始めますか?

優れたユーザー エクスペリエンスとは、考え抜かれた使いやすさ、効果的なグラフィック デザイン、およびアクセシビリティを組み合わせたものです。 特に、コンテンツをよりアクセスしやすくする簡単な方法がたくさんあることを考えると、最後の 1 つは後から付け足して考えるべきではありません。 まず、デジタル アクセシビリティには 4 つの基本原則があります。

  • ユーザーは、コンテンツとインターフェイスの両方を通じて提示される情報を簡単に認識できる必要があります。
  • ユーザーが Web サイトを合理的に操作できるようにする必要があります。これを行うには、サイトとコンテンツの全体的なナビゲーションと構造を考慮してください。 インターフェイスは、ユーザーが実行できない対話 (つまり、閉じることができないポップアップ) を必要とすべきではありません。
  • Web サイトのユーザーは、表示される情報とコンテンツ、およびユーザー インターフェイスの簡単な操作方法を簡単理解できる必要があります。
  • コンテンツへのエンゲージメントは、さまざまな支援技術、ブラウザー、またはアプリを使用してアクセスできるように十分に堅牢である必要があります。 これも技術の進歩に合わせて見直す必要があります。

4 つの基本原則の適用

4 つのコア原則の適用

字幕の提供

統計によると、Facebook ビデオの 85% はミュートで視聴されていますが、字幕とキャプションは外出先だけでなく、耳が聞こえない人にも役立ちます。 字幕が画面上で読みやすく、背景色でくすまないようにすることで、字幕にアクセスしやすくなります。 これに加えて、ビデオのトランスクリプトを提供することは、テキストを点字に変換できることも意味します。

画像の説明を提供する

代替テキストを使用すると、スクリーン リーダーがピックアップできるように画像に説明を追加できます。これにより、視覚障害のあるユーザーがデジタル コンテンツを十分に体験できるようになります。 目的と周囲のテキストを考慮した画像の情報を提供するようにしてください。 最適に使用するには、短く説明的なものにし、「の写真」や「の画像」を付けないようにします。 アイコンを忘れずに、「Facebook にアクセスしてください」など、その機能に相当するテキストを維持してください。

キーボード ナビゲーションを追加する

アクセシビリティを維持するために、キーストロークの特定のタイミングを必要とせずに、コンテンツをキーボードで操作できるようにする必要があります。 マウスを使用できない個人は、Web サイトの全体的なエクスペリエンスと、実際に探索して必要なものに到達する能力について、この機能に依存しています。 上から下へのスクロールや見出しのスクロールができるだけでなく、ページのインタラクティブな機能や機能もキーボードで操作できる必要があります。

ページにビデオ プレーヤーが含まれている場合は、それらが自動再生されないようにすることをお勧めしますが、プレーヤーはキーボードでナビゲートできるようにし、さらにこれらのビデオにはトランスクリプトとクローズド キャプションのオプションがあります。

テーブルの使用を控える

テーブルの使用を控える

Web サイトでテーブルを使用する場合、それが単にページ レイアウト用である場合は、スクリーン リーダーが読み取るための余分なコンテンツが追加され、ユーザーの混乱を招きます。 テーブルに遭遇すると、テーブル内に存在する行と列の数がユーザーに通知されます。これにより、肥大化が追加され、コンテンツから切り離され、実際のレイアウトと視覚的な順序が乱れます。 ページ レイアウトにテーブルを使用すると、スクリーン リーダーのユーザーに冗長性が追加されます。 表を使用して Web ページを作成することは控え、代わりに CSS を選択してください。

うまく設計されたフォーム

上記のように、Web サイトで視覚的なテーブルの使用を減らすことをお勧めしますが、スクリーン リーダーがユーザーに正しい手がかりを与えるために、データ フォームを正しく設計するために余分な時間を費やすことが重要です。 各フィールドに適切なラベルを付けることで、フォームに必要な情報を簡単に理解できます。 使いやすくするために、タブの順序がフォームの視覚的な順序に従っていることを確認することも重要です。

コントラスト感度

テキストと画像の背景とのコントラストが不十分な場合、特に視覚障害のある人にとっては、読み書きや全体的な理解が難しくなる可能性があります。 これは、アイコンや、リンクのホバー効果など、目を引くために強調表示が使用されるあらゆる状況にも当てはまります。 あなたのウェブサイトと適度なコントラストを持たせることは、実際に画面上での読書を助け、あなたのコンテンツを読んでいるディスレクシアの人々を助けることさえできます.

ウェブサイトをよりアクセスしやすくするための小さな変更

あなたのウェブサイトをよりアクセスしやすくするための小さな変更

ウェブサイトを必要としている人がアクセスしやすいようにするためにできることはたくさんあります。コンテンツのレイアウトを読みやすくフォーマットするなどの小さな変更でも、明確な改行、見出し、段落サイズを使用して、違いを生み出し、より多くの個人の人口統計学的に優れたユーザー エクスペリエンスを生み出します。 代替スタイル シートを使用すると、ユーザーはページを壊さずにフォント サイズを拡大でき、コンテンツを読みやすくなります。

アクセシブルなコンテンツに関するこれらすべての提案を組み合わせると、ビジネスがより多くの視聴者にリーチし、ブランドを強化し、イノベーションを推進し、市場範囲を大幅に拡大するのに役立ちます。 Web サイトとコンテンツをアクセシブルにすることで、能力に関係なく、すべてのユーザーのユーザー エクスペリエンスが向上します。そうすることで、企業は誰もが自社の製品やサービスにアクセスして使用する平等な機会を確保できます。

新しいウェブサイトを構築するためのヘルプを探している場合、または既存のウェブサイトを改造する必要があると思われる場合は、聴衆が誰であれ、聴衆のためのスペースの設計を支援できる私たちのチームのいずれかに連絡してください. 私たちのウェブサイトのデザインと開発チームがお手伝いします!