In this video, I'm going to show you what Equalize Digital's Accessibility Checker plugin looks like. You can get this plugin from the wordpress.org plugin directory here. Or if you go to Equalize Digital, they also have the plugin available as a download.

Right now we're looking at what Accessibility Checker looks like once it's installed on your site. So this is a page on my website and below – this is the edit page – and below the content area, I have Accessibility Checker here. It can be collapsed or expanded and on this page, what we're seeing here is a little report. The page has passed 89% of the tests that this plugin performs.

There are two errors and if I select the details tab we can see what those are. So the two errors are incorrect heading order. I can expand this section and it'll show me the code in this column and then if I want to see this on the page I select view on page.

It opens up a new tab and let's see. The some topics heading I have here is being surrounded by a dotted pink line. This is the error that the Accessibility Checker has picked up on. And let's go back to the edit page. If I go up and see where that some topics heading is I see that it is an H3. Now this heading is below the heading one. It should not be an H3. It needs to be an H2. So I can go ahead and correct that.

Let's see what other error there is. There is a more topics heading 4. Let's find that more topics heading. Here it is and yes it is an H4. The heading before it is an H2, so this one should be actually an H3. So I've made the corrections here. Let me go ahead and save this page and let's see how the Accessibility Checker... what it shows. The page has been updated.

Let's scroll down and see what Accessibility Checker says. As you can see we no longer have those incorrect heading order errors, but we do have 30 contrast errors. Actually this page does not have 30 contrast errors. There is one contrast error that is there deliberately. The other ones are false positives and Accessibility Checker does give you a way to mark those as false positives. So in this details panel you can see insufficient color contrast. I've already ignored one of them. That's how you indicate that it's a false positive.

This let's see I'll show you this example here. So Accessibility Checker was flagging this home link as having insufficient color contrast, but that is not the case. So what I can do is go back to the edit page and ignore this one. If I select ignore, I can put a comment in there. So in this case I'll just write down false positive and select the ignore this error button. It'll ignore it and here's the updated number here.

If you have a WordPress site, go ahead and give Accessibility Checker a try. There is a free version which is what I showed you today, and they also have a paid pro version that offers more features, including the ability to check your entire site. Thanks for watching!