UX design
fromMedium
5 months ago3 color contrast mistakes designers still make
WCAG color contrast applies to text and non-text elements—UI components, links, and data visualizations require their own contrast rules to ensure accessibility.
And since we already rely on Playwright for visual regression testing and our end-to-end suite, adding accessibility checks right on top of that felt like the obvious next step. No new tools to learn, just extending a setup we know well with Axe's engine running inside the same Playwright workflows. Configuration First, we created a helper to get a pre-configured Axe instance. Our configuration focuses on WCAG 2.1 Level A and AA criteria.