{"id":803,"date":"2023-02-24T12:59:20","date_gmt":"2023-02-24T17:59:20","guid":{"rendered":"https:\/\/testerdigital.ca\/?p=803"},"modified":"2023-03-04T17:25:58","modified_gmt":"2023-03-04T22:25:58","slug":"how-to-find-out-if-your-website-has-accessibility-issues","status":"publish","type":"post","link":"https:\/\/testerdigital.ca\/how-to-find-out-if-your-website-has-accessibility-issues\/","title":{"rendered":"How to find out if your website has accessibility issues"},"content":{"rendered":"\n
\"Screenshot<\/figure>\n\n\n\n

In a lot of places, including here in Ontario, websites must be accessible by law.<\/p>\n\n\n\n

And yet \u2013 most of them aren\u2019t.<\/p>\n\n\n\n

There are companies that will do an accessibility compliance check, but those services often cost thousands of dollars \u2013 and for good reason. A thorough accessibility check is difficult, and requires hours of work by highly skilled and specialized staff.<\/p>\n\n\n\n

In most cases, it\u2019s cheaper to design a new website.<\/p>\n\n\n\n

Here are some tools that you can use for free<\/strong> to see if your website has accessibility issues that need to be addressed.<\/p>\n\n\n\n

Contrast Checker<\/h2>\n\n\n\n

We love this tool because it\u2019s easy to use and easy to understand.<\/p>\n\n\n\n

Web Content Accessibility Guidelines (WCAG) have minimum standards for the amount of contrast between visual elements of a website.<\/p>\n\n\n\n

Basically, text is easier to read if the text colour and the background colour contrast more. The same is true for buttons, and anything else really. In the example below, we\u2019ve got two buttons, one with high contrast, one with low contrast.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Obviously it\u2019s easier for everyone to see the high contrast button, and that\u2019s even more true for people with problems seeing.<\/p>\n\n\n\n

That\u2019s why we love WebAIM\u2019s Contrast Checker<\/a>.<\/p>\n\n\n\n

Input the foreground and background colours, and the tool tells you the contrast ratio between them, and whether or not it meets the two most common accessibility standards (WCAG AA and WCAG AAA).<\/p>\n\n\n\n

<\/a>Try the Contrast Checker now<\/a>!<\/p>\n\n\n\n

Eye Dropper Extension<\/h2>\n\n\n\n

Sometimes it can be difficult to find out exactly what colours you\u2019re looking at, especially if you don\u2019t know how to find and read a website\u2019s source code.<\/p>\n\n\n\n

That\u2019s why this Eye Dropper extension<\/a> can be super useful. Literally click anywhere on a webpage and find out exactly what colour is being used. This makes using the Contrast Checker incredibly easy.<\/p>\n\n\n\n

Download the EXTENSION FOR CHROME & MICROSOFT EDGE<\/a><\/p>\n\n\n\n

WAVE Web Accessibility Evaluation Tools<\/h2>\n\n\n\n

Brought to you by the same folks that created the Contrast Checker, WAVE<\/a> is a suite of tools to help you evaluate your whole website.<\/p>\n\n\n\n

\n