Accessibility tools we use every day

Spread the love

An animated picture of a computer monitor and some associated IT icons.

To mark Global Accessibility Awareness Day, we’re sharing some of our content design team at Defra’s go-to accessibility tools and guides. We’re all responsible for making sure our content and services are accessible, these are some of the resources we use to help with that.  

Of course, we know there are lots of alternative tools out there, so if you use something different, share them in the comments. 

For a quick evaluation, the WAVE web accessibility evaluation tool 

Back when I was a complete accessibility novice, WAVE web accessibility evaluation tool helped me to quickly evaluate many pages, some with complex functionality. More importantly, it let me understand and prioritise what needed improving. 

“Now, I use WAVE as a static analysis tool when I do audits and accessibility checks. The speed and easy-to-use functionality make WAVE great for a first pass before more in-depth manual testing.  

“Because it’s a free tool that runs as a browser extension, it’s also been very easy to get designers and developers to start using WAVE so that they can quickly check things for themselves. This forms good habits, which is vital for embedding accessibility best practice into the entire development process.” 

Zico Harris, mixed heritage man in mid 30s with goatee and swept hairstyle.

Zico Harris, Accessibility consultant
Follow Zico on LinkedIn 

To find out how many disabled people might be using your content, the ‘how many’ service 

“I regularly use the ‘how many’ service built by Defra’s accessibility team to show stakeholders how many people using their content or service might be disabled. It also shows a breakdown of what disabilities that number might include.  

The service is really impactful, with figures proportional to the number of disabled people in the UK. It helps people realise that accessibility is for real people. It makes it easier to have conversations about why we cannot do something which would cause a barrier for disabled people. It’s really useful, because we can base our decisions on data.” 

Helen Salter, Senior content designer 

For assessing readability, the Hemingway App  

“I use Hemingway App every day to test the readability of my content. It highlights passive voice, long sentences and gives me an average reading age for the content.  

I can edit straight in the browser so I can see how my content decisions affect the readability. By making sure content is as easy to read as possible, we help to make guidance accessible to everyone and easy to scan on a screen.” 

 

Alice Winters, Senior content designer
Follow Alice on LinkedIn 

It’s great to show stakeholders and subject matter experts as a baseline. It can be used to support co-design, as part of pair writing and to meet joint goals around readability.” 

Sandeep Dhaliwal, Senior content designer  

To check colours, the Colour Contrast Checker 

“I use the colour contrast checker every time I design content where colour is involved. It’s an easy way to check that text colour against object colour, against background colour, meets accessibility requirements. I also use it for checking different coloured segments of a chart against each other, and against their data labels. It’s handy to use a tool which lets you select colours from webpages alongside it, for example a chrome extension called Eye Dropper. 

A service designer at GDS built the checker because someone said a colour contrast analyser that could do 3 colours together would be very useful, and they were so right!”  

Alice Winters, a white woman in her 30s, stands in front of a colourful bookcase. She has dark brown hair and is smiling.

Marian Avery, Content designer
Follow Marian on LinkedIn 

For extra colour checks, the Colour Blindness simulator 

“We tend to publish a lot of charts and maps in Defra. I use the colour blindness simulator to do extra checks on the colours I’ll use in those images before I input the data to the chart or map. You just upload a screenshot and the simulator adds a filter to show you what different types of colour blindness look like. I take notes on which colours may look visually similar, then explain to the stakeholders where some of these colours should change. For charts, I also recommend they use the chart colour palettes from Government Analysis Function. For maps, I recommend they use one of the more accessible colour palettes from the Coloring for Colorblindness blog. 

The tool is also great to show examples of where a stakeholder may have unknowingly used only colour to convey meaning in a diagram, flowchart or infographic.” 

Ved Gobin, Content designer
Follow Ved on LinkedIn 

Other things we love 

Guidance and tools for digital accessibility is a collection of guidance, tools and training about accessibility.  

Do you have any favourite accessibility resources? We’d love to hear about them in the comments!