MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey-2018-1

この記事は翻訳作業中です。

HTML, CSS, JavaScript の学習はウェブ開発者になりたい場合、役立ちます。しかし知識は単に技術を使うよりも前に進める必要があります — それらを責任を持って使う必要があり、その結果ウェブサイトの聴衆を増やし、またそれを使わないことに縛らないことになります。これを達成するには、一般的な成功事例 (HTML, CSS, JavaScript のトピックに示されています) を積み上げ、クロスブラウザーテストを行って、最初からアクセシビリティを考慮しておきます。このモジュールでは後者を詳しく扱います。

前提知識

このモジュールの大半の理解には、少なくとも HTML, CSS, JavaScript の最初の2モジュールを通して読むのが良いでしょうし、 たぶんもっと良いのは、関連するテクノロジートピックを進めるにつれて、関連するアクセシビリティの部分を進めるのが良いでしょう。

: 自分のファイルを作れない コンピューター/タブレット/その他デバイスで作業する場合、コードの実例の大半を JSBinThimble などのオンラインコーディングプログラム内で試すことができます。

ガイド

アクセシビリティとは?
This article starts the module off with a good look at what accessibility actually is — this includes what groups of people we need to consider and why, what tools different people use to interact with the web, and how we can make accessibility part of our web development workflow.
HTML: アクセシビリティの基礎
A great deal of web content can be made accessible just by making sure the correct HTML elements are used for the correct purpose at all times. This article looks in detail at how HTML can be used to ensure maximum accessibility.
CSS と JavaScript のアクセシビリティ成功事例
CSS and JavaScript, when used properly, also have the potential to allow for accessible web experiences, but if misused they can significantly harm accessibility. This article outlines some CSS and JavaScript best practices that should be considered to ensure that even complex content is as accessible as possible.
WAI-ARIA の基本
Following on from the previous article, sometimes making complex UI controls that involve unsemantic HTML and dynamic JavaScript-updated content can be difficult. WAI-ARIA is a technology that can help with such problems by adding in further semantics that browsers and assistive technologies can recognize and use to let users know what is going on. Here we'll show how to use it at a basic level to improve accessiblity.
アクセシブルなマルチメディア
Another category of content that can create accessibility problems is multimedia — video, audio, and image content need to be given proper textual alternatives so they can be understood by assistive technologies and their users. This article shows how.
モバイルアクセシビリティ
With web access on mobile devices being so popular, and popular platforms such as iOS and Android having fully-fledged accessibility tools, it is important to consider the accessibility of your web content on these plartforms. This article looks at mobile-specific accessibility considerations.

評価

アクセシビリティのトラブルシューティング
In the assessment for this module, we present to you a simple site with a number of accessibility issues that you need to diagnose and fix.

以下も参照してください

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

 このページの貢献者: Uemmra3, karaage-kun
 最終更新者: Uemmra3,