Axe Developer Hubへようこそ
Axe Developer Hubを利用して、ウェブサイトやアプリのアクセシビリティ結果を分析しましょう。
Axe Developer Hubは統合されたアクセシビリティテストソリューションであり、プロジェクトを管理し、詳細なテスト結果を表示することができます。
Axe Developer Hubの概要
- Axe DevTools for Web、Axe Watcher、またはAxe DevTools for Mobileからテスト結果をAxe Developer Hubに送信
- アクセシビリティ結果を時間とともに追跡し、傾向を把握して品質を維持
- CI/CDプロセスにツールを統合して自動スキャンを実行
- アクセシビリティに問題があるコードのリリースを自動でブロック
- アクセシビリティの結果をチームメイトと共有し、問題箇所に注意を向ける
- 重複を排除し行動可能なアクセシビリティレポートを提供することで、開発者の生産性を向上
Axe Developer Hubの簡単な紹介については、以下のビデオをご覧ください。
プロジェクトの作成と管理
Axe Developer Hubを利用するには、プラットフォームのウェブサイトでレビューするために、テスト結果を集約するプロジェクトを作成します。新しいプロジェクトを作成すると、Axe Developer HubはプロジェクトIDを作成し、現在のテストスイートに統合して結果をHubに送信することができます。
Dequeの多数のアクセシビリティツールキットと共にDeveloper Hubを使用
ウェブAPI、CLI、axe Watcher、またはAxe DevTools Mobileを使用している場合、アクセシビリティテストの結果をAxe Developer Hubに送信できます。組織に最適なツールキットを見つけてください。
- Axe Watcher は、テストスイートに自動的にアクセシビリティチェックを組み込むためのローコードオプションです。数行のコードで1回設定すれば、テストが時間と共に変化しても追加のメンテナンスなしで対応します。
- 利用する Axe DevTools for Web APIs より詳細な制御を行うことで、スキャン対象を決定します。設定とメンテナンスはWatcherよりも多くの作業を伴いますが、使うべきルールセットやテストすべきでない要素を指定することでテストスイートを微調整できます。
- Axe DevTools for Web CLI を使用すると、エンドツーエンドテストにaxeを統合することなく、コマンドラインでURLをスキャンし、レポートを生成できます。現在のところAxe DevTools for Web APIが存在しないプログラミング言語を使用する場合にも便利です。
- 使用する Axe DevTools for Mobile の自動テストソリューションで、既存のモバイルアプリテストスイートにアクセシビリティチェックを統合します。特定のアクセシビリティルールにフォーカスするように設定をカスタマイズして、テストスイートを微調整します。
テスト結果の問題を見る
すべてのテスト結果はAxe Developer Hubのウェブサイトで収集され表示され、プロジェクトのアクセシビリティステータス(アクセシビリティ問題の数や深刻度を含む)を確認できます。ウェブプロジェクトでGitを利用している場合、各コミットに関連付けられたアクセシビリティエラーも確認可能です。
次は何をする?
続きを読んで Axe Developer Hubの利用開始しましょう。
Note: It is never necessary to use Deque's software or services in a way that collects, stores, or shares personal data. Do not use the software or services in a manner that collects, stores, or shares personal data.
