Tools

Here is a list of tools to guide you while you develop and helps you keep an eye on your website.

• Wave extension for chrome allows you to evaluate web accessibility with a click of a button. This is awesome to check your local environment while you work on your project.
• Addon for storybook. If you are using storybook this is a great addon which lets you know while you are developing if you are following accessibility guidelines. But keep in mind this plugin is not perfect and does not catch everything, but it gives you a good guidelins and links to keep you on track.
• Color contrast in Chrome, when you open the color picker it indicates which level of conformance it passes.
• Audit tab in develop mode in chrome, you can select Accessibility and run a check. It works of axe core.
• What is the axe core? Axe core is hard core stuff. You can add it as a plugin and run accessibility test on your page. What I love about the results is it tells you what is wrong, how to fix it and tells you how important it is. For example this, it tells me that if i don't have one main landmark it will effect people with blindness, deafblindness, mobility/dexterity.