Website Audit

Did you know that you can conduct your own simple accessibility website audit? However, if you are not deeply familiar... Website Audit
Website Audit

Did you know that you can conduct your own simple accessibility website audit? However, if you are not deeply familiar with accessibility, you may want to ask for help from a W3C company like Website Comply. While the process discussed here is not exhaustive, these are some high-level things you can do to identify issues with your site as it pertains to accessibility.

How to Perform Website Audit Navigation Test

The first thing you can do is to make sure you can navigate your website using the tab key on your keyboard and make sure that your site uses discernable focus styles as you move around the page. Skip links are very useful on sites with heavy navigation, as they allow their users to skip immediately down to the main content. You may want to consider having a skip link on your site for accessibility purposes. You can get a skip link from GitHub, or Website Comply can help you with this.

AS you navigate the page with the 'tab' button, you'll want to make sure that there you see a focus ring on the different elements of your page. You may like to animate your focus ring which makes it more visible as it moves across the Web page.

How to Perform a Website Audit for Screen Reader Accessibility

You also need to make sure that you can perform a simple navigation of your site using a screen reader. You want to make sure that the screen reader can land on interactive elements and announce them. You can use the VO keys to move through your site. You want to make sure that all of your website's images have alt text or else most screen readers will just read the file names of the images. Also, you'll want to check to make sure all of your buttons are accessible to the screen reader.

Another way to check your site for accessibility is to check the page structure. You want to make sure that your pages are using appropriate headings and that there are important landmark roles or elements on the page. These help with screen reader navigation as well.

How to Perform a Website Audit Color Contrast Test

In the Chrome webstore, you can add the aXe extension to your Chrome browser. This extension will run an audit against your pages and flag a number of accessibility issues, one of them being color and contrast. The results will show you which, if any, elements could use better contrast. When you click on the 'Results' tab, you will have a path to reach that element in CSS. You can click on that, and it will highlight the element in the dev tools.

As you can see, performing a web audit doesn't have to be overly difficult, and most of the basic things you'll want to test for can be done at home. If you need help performing a website audit or you want to make your site more accessible, contact Website Comply.