axe-core アクセシビリティテストエンジン(自動ウェブUI監査) は何をしますか?
axe-core は Deque Systems による業界標準のアクセシビリティテストエンジンで、ウェブインターフェースにおける WCAG 2.0、2.1、2.2 違反を自動的に検出します。Playwright、Cypress、Selenium、Jest など、既存のテストフレームワークに統合して、デプロイ前の開発段階でアクセシビリティ問題を発見できます。
インストール
環境に合わせて、公式のインストールまたはセットアップ手順を使用してください。
- npm install axe-core --save-dev
- npm run build -- --lang=ja
公式ドキュメントからの注意事項と前提条件:
- 自動アクセシビリティテストは時間を大幅に節約でき、特別な専門知識を必要とせず、チームが専門家のリソースを本当に必要なアクセシビリティ問題に集中できるようにします。ただし、ほとんどのアクセシビリ…
- Axe はローカル言語でビルドできます。これを行うには、ローカライゼーションファイルを ./locales ディレクトリに追加する必要があります。このファイルは次の命名規則に従う必要があります: .json。このロケールを使用して axe をビルドするには、次を実行します。
- さらに、ロケールは実行時に axe.configure() にロケールオブジェクトを渡すことで適用できます。ロケールオブジェクトは ./locales ディレクトリ内の既存のロケールと同じ形状である必要があります。例:
基本的な使用法またはスタートガイド:
-
まずパッケージをダウンロード:
-
console
-
次に、フィクスチャまたはテストシステム内の各 iframe に JavaScript ファイルを含めます:
-
公式ドキュメントからの抜粋: https://raw.githubusercontent.com/dequelabs/axe-core/HEAD/README.md