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 for Mobile のいずれかを使用している場合でも、アクセシビリティテストの結果を Axe Developer Hub にプッシュできます。組織に最適なツールキットを見つけてください。
- Axe Watcher は、テストスイートに自動アクセシビリティチェックを有効にするローコードオプションです。少しのコードで設定するだけで、一度設定すればテストが時間と共に変わっても追加のメンテナンスなしで成長します。
- 利用する Axe DevTools for Web APIs より細かいスキャンコントロールを実現します。Watcher よりも設定とメンテナンスが複雑ですが、使用するルールセットやテストするべき/しないべき要素を指定することでテストスイートを微調整できます。
- Axe DevTools for Web CLI は、URL をスキャンし、コマンドラインからレポートを生成することができます。エンドツーエンドテストに Axe を統合する必要はありません。これは、現在のところ 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.
