3 ms·

Are there any automated ways to assess a web product against the Web Content Accessibility Guidelines (WCAG)? This should really be part of the CI/CD process.

ratww 6y ago
There's a Firefox/Chrome extension called Axe that's pretty good. We use at my company it to make our products accessible and it helped us tremendously. [1] https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/ https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/ [2] https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd https://chrome.google.com/webstore/detail/axe-web-accessibil...
- bramd 6y ago
  The engine behind that add-on, Axe core, can be called from JS and there are some open source tools around to integrate it in your CI. I would say Axe is kind of the gold standard at this time when it comes to automated accessibility testing. Not because it catches the highest number of issues, but if it flags something you can be pretty sure it's a real issue and not a false positive.
tingletech 6y ago
our web team wanted this in the CI/CD https://allyjs.io https://allyjs.io edit: actually it's spelled https://pa11y.org https://pa11y.org
cptskippy 6y ago
Yes, there are a lot of tools. None are great and are mostly for compliance. Products like Siteimprove are targeted at Enterprise (e.g. demos with sales weasels, unpublished pricing, etc). They mostly suck but check an auditing and compliance box.
ahuth 6y ago
Shameless plug: at work we created axe-storybook-testing [1], which can be used to run accessibility tests against Storybook stories [2] on CI. 1. https://github.com/chanzuckerberg/axe-storybook-testing https://github.com/chanzuckerberg/axe-storybook-testing 2. https://storybook.js.org/docs/react/get-started/whats-a-story https://storybook.js.org/docs/react/get-started/whats-a-stor...
- Aeolun 6y ago
  Oh, this sounds interesting. I’ll have a look.

ratww 6y ago

There's a Firefox/Chrome extension called Axe that's pretty good. We use at my company it to make our products accessible and it helped us tremendously. [1] https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/ https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/ [2] https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd https://chrome.google.com/webstore/detail/axe-web-accessibil...

bramd 6y ago
The engine behind that add-on, Axe core, can be called from JS and there are some open source tools around to integrate it in your CI. I would say Axe is kind of the gold standard at this time when it comes to automated accessibility testing. Not because it catches the highest number of issues, but if it flags something you can be pretty sure it's a real issue and not a false positive.

tingletech 6y ago

our web team wanted this in the CI/CD https://allyjs.io https://allyjs.io edit: actually it's spelled https://pa11y.org https://pa11y.org

cptskippy 6y ago

Yes, there are a lot of tools. None are great and are mostly for compliance. Products like Siteimprove are targeted at Enterprise (e.g. demos with sales weasels, unpublished pricing, etc). They mostly suck but check an auditing and compliance box.

ahuth 6y ago

Shameless plug: at work we created axe-storybook-testing [1], which can be used to run accessibility tests against Storybook stories [2] on CI. 1. https://github.com/chanzuckerberg/axe-storybook-testing https://github.com/chanzuckerberg/axe-storybook-testing 2. https://storybook.js.org/docs/react/get-started/whats-a-story https://storybook.js.org/docs/react/get-started/whats-a-stor...

Aeolun 6y ago
Oh, this sounds interesting. I’ll have a look.