Wednesday, May 3, 2017

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 introduces accessibility tests into your Rspec integration tests which use Capybara, helping you to capture existing failures and prevent future regressions.

No comments:

Post a Comment