axe-core とは？
axe-core は、レンダリングされた DOM を検査し、WCAG やその他のルールにマッピングされたアクセシビリティ違反を報告する JavaScript ライブラリです。browser や test runner の中で動作し、問題のある要素とその修正方法を含む、構造化された問題のリストを返します。多くの end-to-end およびユニットテストのフレームワークがこれを統合し、新たな違反で build を失敗させます。
なぜ重要か
自動ルールエンジンは、手作業のレビューなしにアクセシビリティ欠陥のかなりの割合を捕捉します。axe-core を CI に組み込むことで、これらのチェックを、merge の前に regression をブロックする gate に変えられます。
関連ガイド
What Is an Accessibility Audit?An accessibility audit checks a UI against standards like WCAG, flagging issues such as missing labels, low c…
What Is Accessibility Testing in CI?Accessibility testing in CI runs automated checks against a web page to catch accessibility violations, like…
What Is a Lighthouse Budget?A Lighthouse budget sets thresholds for performance metrics and resource sizes that a page must meet, failing…