ウェブ制作者のためのアクセシビリティ情報

1. ARIA Authoring Practices Guide (APG)

   アクセシブルなウェブ体験を作成するための、 Accessible Rich Internet Application (ARIA) 仕様書で定義されたセマンティクスのガイド。一般的なデザインパターンとウィジェットにアクセシビリティセマンティクスを適用する方法を記述し、デザインパターンと機能例を提供しています。

2. Web Content Accessibility Guidelines (WCAG)

   W3C Web Accessibility Initiative (WAI) からのもう一つの重要なガイドライン設定します。欧州連合 (EU) は、このガイドラインに基づいて、今後のアクセシビリティ規制を策定しようとしています。これらのガイドラインは、 WAI interest group discussion list でディスカッションされています。

3. このサイトの ARIA

   MDN はすべての ARIA ロールと ARIA プロパティのガイドで、最善の手法、関連のロールやプロパティ、例を記載しています。

1. Accessibility for frontend developers

   アクセシビリティに関するいくつかのトピックと、「使用法」動画および関連する WCAG リファレンスへのリンクが掲載されています。

2. Accessible Web Page Authoring

   IBM は、満たすべきアクセシビリティの要求事項を公開し、対話するようにしています。

ブラウザーによくあるエラーをすばやく調べるツールを使用しましょう。

• HTML CodeSniffer
• aXe
• Lighthouse Accessibility Audit
• Accessibility Insights
• WAVE

ビルドプロセスに統合し、アクセシビリティテストをプログラムで追加するツールにより、ウェブアプリケーションを開発する際にエラーを検出することができます。

• axe-core
• jsx-a11y
• Lighthouse Audits
• AccessLint.js

GitHub のプルリクエストからアクセシビリティの課題を探す継続的インテグレーションツールです。

• AccessLint

ウェブアプリケーションは実際のユーザーでテストするのがベストですが、色覚異常、弱視、低コントラスト、ズームなどをシミュレーションすることができます。キーボードナビゲーションをテストするために、常にマウスとタッチを使用してサイトをテストする必要があります。また、音声コマンドを使用してサイトをテストすることもできます。マウスを無効にして、ウェブ障碍シミュレーターのようなブラウザー拡張機能を使用してみてください。