ウェブ製作者のためのアクセシビリティ情報
この文書には、ウェブサイトのアクセシビリティの問題を調べ、修正するためのガイドライン、規制、方法、およびツールが記載されています。
ガイドラインと規定
-
アクセシブルなウェブ体験を作成するための、 Accessible Rich Internet Application (ARIA) 仕様書で定義された意味論のガイド。一般的なデザインパターンとウィジェットにアクセシビリティの意味論を適用する方法を記述し、デザインパターンと機能例を提供しています。
- Web Content Accessibility Guidelines (WCAG)
-
W3C Web Accessibility Initiative (WAI) からのもう一つの重要なガイドライン設定します。欧州連合 (EU) は、このガイドラインに基づいて、今後のアクセシビリティ規制を策定しようとしています。これらのガイドラインは、 WAI interest group discussion list で議論されています。
- このサイトの ARIA
-
MDN はすべての ARIA ロールと ARIA プロパティのガイドで、最善の手法、関連のロールやプロパティ、例を記載しています。
方法論
- Accessibility for teams
-
米国連邦政府総合サービス局 (GSA) のテクノロジー移転サービス (Technology Transformation Services) が、アクセシビリティに関するいくつかのトピックに対応した簡単なガイドを提供しています。このガイドには、「方法論」の動画や関連する WCAG 参照へのリンクも掲載されています。
-
IBM は、満たすべきアクセシビリティの要求事項を公開し、対話するようにしています。
自動化チェックと修復
ブラウザーによくあるエラーをすばやく調べるツールを使用しましょう。
ビルドプロセスに統合し、アクセシビリティテストをプログラムで追加するツールにより、ウェブアプリケーションを開発する際にエラーを検出することができます。
GitHub のプルリクエストからアクセシビリティの課題を探す継続的インテグレーションツールです。
ウェブアプリケーションは実際のユーザーでテストするのがベストですが、色覚異常、弱視、低コントラスト、ズームなどをシミュレーションすることができます。キーボードナビゲーションをテストするために、常にマウスとタッチを使用してサイトをテストする必要があります。また、音声コマンドを使用してサイトをテストすることもできます。マウスを無効にして、ウェブ障碍シミュレーターのようなブラウザー拡張機能を使用してみてください。