Axe Design System Auditor 1.0 integrates into CI to flag inaccessible tokens

Tech · 5 min read

Axe Design System Auditor connects to a repository's token files and component library and runs a series of static and runtime checks. Static checks validate token naming conventions, token fallbacks, and whether semantic tokens are used instead of raw color values. Runtime checks spin up components in headless browsers to evaluate ARIA attributes, focus order, and color contrast in different theme permutations.

The tool outputs actionable findings: a failed build can point to a token that doesn’t meet contrast thresholds in the dark theme or a component that uses raw hex colors instead of semantic tokens. It integrates with common CI platforms and produces SARIF reports for security and compliance dashboards. For design teams, it can also generate a human-readable accessibility gate report summarizing systemic risks.

Early enterprise adopters said the Auditor reduced the number of accessibility issues caught late in releases and helped cross-functional teams agree on token usage conventions. Deque notes the tool complements manual testing and automated E2E suites; it is not a replacement for user testing, but it can significantly reduce the volume of trivial regressions that waste accessibility engineers’ time.