Testing tools for WCAG accessibility test

Contrast ratio checker

The contrast ratio is a property of a display system, defined as the ratio of the luminance of the brightest color (white) to that of the darkest color (black) that the system is capable of producing. A high contrast ratio is a desired aspect of any display

We enter background color on ther right and text color on the right. It would give a text value
It gives the contrast ratio for those colors
Guidelines specifies 4.5 to 1 min contrast ratios for text sizes 14 pt bold =18.7 pixel

Link to Contrast ratio checker tool

Accessibility developer tools

JavaScript that are encapsulated in a plugin

• It creates list of failures and warnings
• Shows what is missing 
• validates aria properties

 In the chrome extension when we hover over the html elements aria properties are displayed as shown below.

Capybara-accessible

capybara-accessible introduces accessibility tests into your Rspec integration tests which use Capybara, helping you to capture existing failures and prevent future regressions.

Link for github repo