MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

ウェブ開発におけるアクセシビリティとは、何らかの理由により能力に制約がある場合でも、可能な限り多くの人々がウェブサイトを使用できるようにすることを意味します。この記事では、アクセシビリティを考慮したコンテンツを開発するための情報を提供します。

"アクセシビリティは "車椅子対応" のように障害を持つ人々を支援する設備や施設を説明するためによく利用されます。これが指し示すものは、点字表示、車椅子用傾斜路、横断歩行者用音声信号、歩道標識、ウェブサイトのデザインなどにも広げられます。" [1]

"ハードウェア、ソフトウェア、言語、文化、所在地、物理的/精神的能力にかかわらず、ウェブは基本的にすべての人に向けて設計されています。ウェブがこの目的を達成できると、さまざまな聴力、視力、認知能力をもつ人々がウェブにアクセスできるようになります。" [2]

主なアクセシビリティのチュートリアル

MDN のアクセシビリティ学習エリアには、アクセシビリティの基本事項を含むモダンな最新のチュートリアルが含まれています:

アクセシビリティとは何か?
この記事では、アクセシビリティが実際にどのようなものであるかをよく見てモジュールを開始します。これには、どのグループを考慮する必要があるのかとそのグループの理由、さまざまな人々がウェブとやりとりするために使用するツール、アクセシビリティをウェブ開発ワークフローの一部にする方法を含みます。
HTML: アクセシビリティのための良い基礎
適切な HTML 要素が常に正しい目的で使用されていることを確認するだけで、大量のウェブコンテンツをアクセシブルにすることができます。この記事では、最大限のアクセシビリティを確保するために HTML をどのように使用できるかについて詳しく説明します。
CSS と JavaScript のアクセシビリティベストプラクティス
CSS と JavaScript を適切に使用すると、アクセシブルなウェブ体験を可能にするポテンシャルがあります。また、悪用されるとアクセシビリティに大きな悪影響を与える可能性があります。この記事では、複雑なコンテンツでさえも可能な限りアクセシブルであることを保証するために考慮する必要がある CSS と JavaScript のベストプラクティスの概要を説明します。
WAI-ARIA の基礎
前の記事に従って、セマンティックでない HTML や動的に JavaScript で更新されたコンテンツを含む複雑なUIコントロールを作成することは理解しづらい場合があります。WAI-ARIA は、ブラウザーや支援技術が認識して使用できるセマンティクスを追加することで、このような問題の解決に役立つ技術です。ここでは、アクセシビリティを向上させるために基本レベルで使用する方法を示します。
アクセシブルなマルチメディア
アクセシビリティの問題を引き起こす可能性のある別のカテゴリーのコンテンツは、マルチメディアです。映像、音声、および画像のコンテンツには、補助的なテクノロジーとそのユーザーが理解できるように適切なテキストの代替が必要です。この記事では、その方法を示します。
モバイルアクセシビリティ
モバイル端末でのウェブアクセスが普及しており、iOS や Android などの普及しているプラットフォームではアクセシビリティツールが完全に提供されているため、これらのプラットフォームでのウェブコンテンツのアクセシビリティを考慮する必要があります。この記事では、モバイル固有のアクセシビリティの考慮事項について説明します。

他の文書

ウェブ開発
アクセシビリティの世界での Web 開発の問題点をハイライトした記事のコレクション
ARIA
ARIAを使用してHTML文書をより使いやすくする方法を学ぶための記事のコレクション。
支援技術 (AT) 開発
支援技術の開発者向け記事のコレクション
モバイルアクセシビリティチェックリスト
このドキュメントは、モバイルアプリ開発者向けのアクセシビリティ要求事項の簡潔なチェックリストを提供します。

アクセシビリティについてのすべての記事を見る...


^ Wikipedia から (英語版)

^ W3C - Accessibility から (英語版)

Accessibilityコミュニティに参加してください

あなたの好きな方法でディスカッションに参加してください

ドキュメントのタグと貢献者

 このページの貢献者: momdo, dskmori, teoli, ethertank, Marsf, Mgjbot, Okome, Takenbot, Shimono
 最終更新者: momdo,