アクセシビリティ対応 Web サイトの設計

  • [アーティクル]

マウスやキーボードの好み、年齢、教育、地理的な場所、言語、または障害に関係なく、すべてのユーザーが使用できる Web ページ デザインを作成します。

テクノロジを使用して Web を閲覧するPeopleには、さまざまな能力と好みがあります。 Web サイトを設計するときは、次の主要なアクセシビリティ シナリオに留意してください。

スクリーン リーダー

視覚障碍のあるユーザーまたは視覚障碍のあるユーザーは、アプリの UI を解釈して操作するためにスクリーン リーダーに依存しています。 解釈には、UI 要素の名前、ロール、値の読み取りが含まれます。 UI と対話するには、ある要素から別の要素にフォーカスを移動し、UI 要素をクリックするなどの機能を呼び出す必要があります。

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

多くのアクセシビリティ ユーザーは、次の方法で UI を移動して操作するためにキーボードに依存しています。

  • Tab キーまたは Shift + Tab キーを押して、要素間でフォーカスを移動します。

  • 矢印キーを使用して、リスト、グリッド、ツリー ビューなどのコンテナー要素内を移動します。

  • Enter キーまたは Space キーを押してアクションを呼び出す。

  • ショートカット キーを使用して他のアプリ機能に効率的にアクセスする。

アクセシビリティ対応のビジュアル エクスペリエンス

視覚障碍のあるユーザーは、テキスト コンテンツに対して十分なテキスト コントラスト比を必要とし、全体的にハイ コントラストテーマを使用した優れたビジュアル エクスペリエンスが必要です。 カラー ブラインドのユーザーは、色以外の方法で情報を伝える必要があります。

Web 上のアクセシビリティに関する一般的な問題の多くは、適切なコーディングプラクティスを通じて解決できます。 Web コンテンツ アクセシビリティ ガイドライン (WCAG) 2.0 ドキュメントには、よりアクセシビリティの高い動的 Web アプリケーションを設計するための手法とベスト プラクティスが記載されています。 詳細については、 アクセス可能な Web サイトの構築に関するリソースに関するページを参照してください。

リソース

  • インクルージョンの設計 - W3C Web アクセシビリティ イニシアチブによるインクルージョンの設計は、障のあるユーザーを理解し、それらを念頭に置いて Web サイトを設計する方法を理解するのに役立つリソースを提供します。

  • 包括的なソフトウェアの設計 - 包括的なソフトウェアの設計では、ユニバーサル Windows プラットフォーム (UWP) の Microsoft の設計原則とプラクティスについて説明します。

  • 障褻をPeopleする方法 - W3C によるこのリソースでは、年齢関連の障褻を持つユーザーを含む障觹者が Web を使用する方法について説明します。

  • インクルーシブ デザイン ツールキット - Microsoft は、人間の多様性によってより優れた設計制約を生み出す方法と、一見ニッチなソリューションをより広範な市場に接続する方法を示すために、インクルーシブ デザイン ツールキットを開発しました。