完全にアクセス可能なWebサイトを作成する方法に関するベストプラクティス

公開: 2022-06-04

私たち全員が私たちのウェブサイトにできるだけ多くのサイト訪問者を持ちたいと思っているのは当然のことです。今日、ウェブサイトのデザインと開発は、非常に創造的な美学から、より速いページ速度を備えた機能的な機能へと変化しています。しかし、最近のゲームチェンジャーがありますが、それは無視できないほど高価です。アクセシビリティを念頭に置いてWebサイトを作成することです。

世界保健機関（WHO）の最近の障害に関する報告によると、約15％の人々が何らかの障害に耐えています。今日の高齢化と慢性疾患（自己免疫疾患を含む）の急速な拡大により、ウェブ上の障壁を取り除く必要性はもはや避けられません。

アクセシビリティについて話すときに頭に浮かぶ最初の考えは障害者に対応することですが、Webページのアクセシビリティはすべての人の利益になります。 Webアクセシビリティの概念は、誰もが（特に障害を持つ人が）Webにアクセスしたり、Web上で対話したりすることを妨げる可能性のあるオンライン障壁を排除することを目的として開始されました。さらに、障害を持つ人々を受け入れることへの世界的な意識の高まりとともに、これらのユーザーに利益をもたらすいくつかの規制が可決されています。そしてこれが、ADAコンプライアンス監査とWebアクセシビリティの検討を開始する必要がある理由です。

アクセシビリティがますます重要になっている理由

アクセシビリティは、すべての人、特に何らかの障害に苦しむ人々に平等な機会とアクセスを提供するため、ますます重要になっています。それは彼らに妨げられないアクセスを与え、相互尊重とすべての人に平等な機会の環境を奨励します。

たとえば、Webは、誰もがアクセスできる必要がある重要なリソースになっています。アクセス可能なWebは、特に障害を持つ人々を支援することができます。それは、日常生活を大幅に改善することさえできます。オンラインアクセシビリティは、あらゆる形態の障害（永続的、一時的、状況的、または条件付きの障害）に苦しむ人々が、情報への便利なアクセス、オンライン購入、またはサービスの要求を利用するのに役立ちます。

残念ながら、この高度にデジタル化された時代では、多くのユーザーがWebを簡単にナビゲートまたは使用することを妨げる多くのオンライン障壁がまだあります。 W3C（World Wide Web Consortium）のWAI（Web Accessibility Initiative）を挿入します。これは、Webアクセシビリティの概念を開始したグループです。 WCAG（Webコンテンツアクセシビリティガイドライン）は、Webサイトを開発する人々にルールまたは標準を提供する一連のWebアクセシビリティガイドラインの一部です。多くの国では、規制、ポリシー、またはオンラインアクセシビリティのベストプラクティスを制定することにより、これらの標準を採用しています。

Webアクセシビリティの定義

しかし、完全にアクセス可能なサイトの作成に取り掛かる前に、まずWebアクセシビリティとは何かについて簡単に説明しましょう。

簡単に言えば、Webアクセシビリティは、身体障害、状況障害、および帯域幅と速度に対する社会経済的制限を持つ人々によるWeb上のWebサイトとの対話を妨げる障壁がないことを確認する包括的な慣行です。さらに、アクセス可能なWebサイトは、すべての支援デバイスでもうまく機能するはずです。

アクセシブルなサイトは、一般的にユニバーサルデザインです。その設計は、ユーザーの最小限の労力で済みます。また、ユーザーフレンドリーであり、すべての人により良いオンライン体験を提供する必要があります。

Webアクセシビリティの適用

一般に信じられていることとは反対に、Webアクセシビリティの実装は、必ずしも難しくも費用もかかりません。ユニバーサルデザインのウェブサイトの標準は、すでにアクセシブルなデザインです。ユーザーにはさまざまなニーズがあることを認識しています。したがって、Webサイトの初期設計時には、その基本的な価値を考慮してください。

Webアクセシビリティのユーザビリティの原則と標準を組み合わせて従うだけで、アクセス可能なWebサイトになります。次のルールを実装することから始めることができます。

-タッチコントロールに大きなクリック可能な領域を使用する

小さなクリック可能なターゲットの使用は避けてください。これは、運動が制限されている人、視覚に問題がある人、さらには指のサイズが大きい人にとっても厄介であることが証明されています。代わりに、大きなクリックターゲットを使用し、サイトを壊さないサイズ変更可能なテキストも有効にします。 40x40ポイントを使用することをお勧めします。タッチコントロール用のクリック可能な領域。

-テキストの明瞭さを優先する

テキストの明瞭さを優先して、視覚的な問題を抱えている人々がWebコンテンツのテキストまたはテキストブロックを認識しにくい場合を回避します。

-色だけに依存することは避けてください

色覚異常の人は約3億人いるので、色だけに頼るのは良い考えではありません。ボタン、カード、その他のWeb機能/要素をデザインするときは、色だけを使用するのではなく、ラベルも追加することをお勧めします。さらに、視覚障害は別として、カラーパレットと色のコントラストを慎重に選択してください。一部のユーザーは、集中力の問題や色に関連する心理的感受性を抱えています。

-説明的なリンクテキスト

テキスト内のすべてのリンクを説明することにより、ユーザーが1つのリンクを別のリンクから判別できるようにします。これにより、特に支援デバイスを使用している場合に、明瞭さと使いやすさが向上します。さらに、クリック可能なすべてのリンクに下線を付け、リンク短縮の使用を避けます。

-スクリーンリーダー用のHTML形式のコンテンツの注文

基本的に、コンテンツは、スクリーンリーダーのユーザーが理解しやすいように、論理的な順序で構造化する必要があります。コンテンツを注文するときは、HTMLで注文し、CSSとJavaScriptを無効にします。これにより、コンテンツにアクセスできるかどうかをより適切に評価できます。

-キーボードナビゲーションをサポート

Webデザインで完全なキーボードナビゲーションを有効にして、サイトでマウスを使用する必要がないことを確認してください。タブオーダーナビゲーション、矢印キー移動によるナビゲーションを許可し、クリック可能なすべてのリンクのテキストアンカーを保持する必要があります。

-アクセシビリティチェックリストに従うことを忘れないでください

上記の方法はアクセス可能なサイトを作成するのに役立ちますが、完全に包括的ではありません。より多くのアクセシビリティの障壁に対処する必要があり、あなたができる最善の方法は、WCAGなどの広範なリソースに従うことです。アクセシビリティチェックリストは、Webサイトをアクセシビリティにする方法の詳細を概説しています。これらは完全で国際的に認められた基準でもあります。

アクセシビリティガイドとアクセシビリティステートメント

アクセシビリティステートメントは、Webアクセシビリティの原則を実現することを意図しているという公の宣言として機能します。これは、ユーザー補助機能を組み込んで、サイトを誰もが使用およびナビゲートできるようにする意図を示しています。アクセシビリティガイドとステートメントを公開するときは、簡潔で実質的なものにしてください。

ユーザビリティとアクセシビリティのテスト

ユーザビリティテストとは、Webサイトの有用性を評価することです。これは通常、学習可能性、効率、記憶力、ユーザー満足度などのいくつかの基準に基づいています。

アクセシビリティテストはユーザビリティテストのサブセットであり、通常、Webサイトのアクセシビリティをテストするためのツールまたは実在の人物（何らかの形の障害を持つ）が関与します。

最終的な考え

Webアクセシビリティは、問題に遭遇することを恐れることなく、Webにアクセスするすべての人に平等な機会を提供します。実際、完全にアクセス可能なサイトを効果的に作成するには、ユーザーの立場に立つようにする必要があります。これにより、ユーザーの視点からサイトを表示できるようになり、ユーザーのニーズを確認できるようになります。