Built for Shopify WCAG Question

Shopify App Store
1

Hi, this is my third application in a row getting denied for Built for Shopify. It’s not the only issue but I’m curious on

“Text and color contrast must be WCAG 2.1 AA compliant. When using components with text, such as buttons, cards, or navigation, the background-to-text contrast ratio should be at least 4.5:1 to be WCAG AA compliant. Color contrast rations must abide by WCAG standards as well. See this screenshot for reference. “

I currently have code that I can put in console that scans the entire page for WCAG rules and tells me if anything’s failing. I was curious what other developers use to figure out all the issues because for big apps it seems there’s no overall easy way to see what’s wrong unless I’m wrong. It seems to be a page by page issue. Thank you…

2

Hey, @Campbell_Fisher , thanks for reaching out. I can’t say for sure without knowing your app, but one bit of help I can share if you’re not already doing it, is making sure you’re using the recommended patterns in Polaris (if you are leveraging it) since it handles a lot of compliance-related issues on its end natively.

On the page-by-page tooling problem though, you could try integrating axe-core with Playwright so you can run WCAG AA checks across all your routes in one shot rather than manually. This is something I’ve encountered with Playwright personally, so can’t officially endorse it from the Shopify end of things, but wanted to share in case it helps!

3

Thank you Alan I appreciate the help!

1 Like