How I audit builds

22. July 2016 · Time to Read: 2 MinCategory: Accessibility

Accessibility isn't just a technical issue. It's a design issue. It's a content issue. It's something that every department that touches a website should think about.

Accessibility is about people. Not people with disabilities.

I see an audit as a way to correct issues prior to a website going live.

First steps

Due to time constraints, I almost always try and build in accessibility and usability from the off. That way, an important part of how a website should be built isn't left out.

At the end of a project I check the website for glaring issues from a build point of view. I prefer to do this once a client has populated everything as how they populate can also affect accessibility.

Google Chromes Accessibility Developer Tools is brilliant for spotting these glaring issues. I usually run an accessibility audit from console and fix any issues that arise.

Testing a website with real disabled users is the only way to ensure it offers optimum accessibility but I realise that this option isn't always available.

Colour Contrast

I check for colour contrast issues using Webaims checker before anything else. Usually I can eyeball if something is bad and try to aim for WCAG AA.

If accessibility fails badly to the point that even I myself am struggling, I will pass these issues back to the designers for a rework.

Keyboard Testing

I personally rarely use a mouse. I have one at work but prefer the keyboard. At home I don't use a mouse. Keyboard testing for the most part is easy. Developers tend to develop for themselves which usually means a lack of visual feedback upon tabbing through a website. My approach to testing is usually just using my keyboard to navigate around the website. It's as simple as that.

Screen Readers & Assistive Technologies

Testing content with a screen reader is made easy by using Chrome Vox. Anything that doesn't make sense verbally, gets fixed.

Headings

I begin testing by using the HTML5 Outliner tool from the Google store. Read my previous post to learn more about heading structure.

More Posts

An Open Letter To Web Designers

Forget Everything You Know