3 ms·

A lot of accessibility issues have to be taken on an individual basis, so good, publicly available resources tend to be hard to come by. The authoritative (albe

by cglong 7y ago

A lot of accessibility issues have to be taken on an individual basis, so good, publicly available resources tend to be hard to come by. The authoritative (albeit very terse) resource for web accessibility is WCAG: https://www.w3.org/WAI/WCAG21/quickref/?versions=2.1&levels=aaa https://www.w3.org/WAI/WCAG21/quickref/?versions=2.1&levels=... One tool I'd suggest looking into when getting started is Accessibility Insights for Web. A team at Microsoft developed a free, OSS browser extension for automatically detecting most common accessibility issues on your site: https://accessibilityinsights.io/docs/web/overview https://accessibilityinsights.io/docs/web/overview Disclaimer: I do work at Microsoft, but my only affiliation with Accessibility Insights is as a happy customer :)

alwillis 7y ago
I was trying out the beta and canary versions of the new Edge and installed Accessibility Insights and was pretty impressed. I immediately thought: how come none of the other browser vendors have something like this after all of this time?
- Vinnl 7y ago
  Firefox has an accessibility inspector: https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector https://developer.mozilla.org/en-US/docs/Tools/Accessibility... Google develops Lighthouse, which, although an extension, I believe includes some a11y checks: https://developers.google.com/web/tools/lighthouse/ https://developers.google.com/web/tools/lighthouse/ Similarly, Mozilla also promoted Webhint: https://webhint.io/ https://webhint.io/ (which is cross-browser) I'd also recommend Khan Academy's tota11y, which just works as a bookmarklet: https://khan.github.io/tota11y/ https://khan.github.io/tota11y/