3.3 KiB
title |
---|
Accessibility Tools for Web Developers |
Accessibility Tools for Web Developers
There are many tools and online resources that can help you to ensure that your web application meets all of the accessibility requirements.
General
-
This is a Google Chrome extension that will add a new Accessibility sidebar pane in the Elements tab to the Chrome Developer tools. This new pane will display any properties that are relevant to the accessibility aspect of the element that you are currently inspecting. This extension also adds an accessibility audit that can be used to check whether the current web page violates any accessibility rules.
-
This Google Chrome extension can find accessibility defects on your web page.
-
An accessibility visualization toolkit that checks how your website performs with assistive technologies.
-
A GitHub app that checks your pull requests for accessibility issues.
Color Contrast
-
This website can help you to create a color palette that is based on the WCAG guidelines for text and background contrast ratios.
-
A website for checking if your existing website meets the accessibility requirements for color and contrast.
-
An application that simulates color blindness. It is available on Windows, Mac and Linux.
-
Accessible Color Palette Builder
This website allows you to edit a color palette and will create a table showing all of the possible color combinations, telling you which ones are accessible and which combinations to avoid using.
-
This website allows you to enter in color hex values for foreground and background to evaluate the contrast ratio. You can also adjust colors entered to get the necessary contrast ratio.
-
WebAIM offers complete web accessibility services. Regardless of the type or size of your web site, WebAIM can help ensure that your site is accessible and usable to those with disabilities.
More Resources
You can find many more tools for accessible web design on this list made by the University of Minnesota Duluth.