Quite often we see Councils posting images on the website that might be announcing an event or similar. Whilst these look great, very often they fall foul of Accessibility regulations. Let’s look at why that is and how we can easily remedy the problem.
Text readers can’t access the text on an image, Try to highlight THIS TEXT with your mouse. Easy right? Now try to highlight the text on the image below.
You can’t right? So, if you can’t highlight it with your mouse, then a text reader can’t see it either, that immediately makes your content non compliant with WCAG2.1aa. Thankfully, it’s not too difficult to remain compliant.
Whenever you’re adding content to your Council website, be it a news article, event, Council member and so on, you should already be using alt text. Alt text is an abbreviation of alternative text and it’s primary function is to alert non human technology, of what the image is about. Computers and even AI doesn’t have eyes, they can see that an image placeholder is on the page but they’ve no idea if it’s an image of your village hall or an elephant.
This is where alt text comes in. Search engine bots and screen readers will look for the alt text that belongs to the image in order to find out what the image depicts. The good news is, it takes just seconds to add the alt text.
You may have seen in our video tutorials that whenever we add an image, we always remind you to add alt text. When you’re adding an image or when you click edit on an existing image you’ll see the following:
You can see the field labelled ‘alternative text’. Simply add a short but meaningful description in there and then click on update and you’re compliant again.
Compliant or Caring?
Technically, you could in this instance just type ‘poster advertising village planting day’ and you’d be compliant with WCAG2.1aa. Put yourself for a moment however in the shoes of someone who relies on a screen reader. Their software will simply read out what you’ve added in your alt text box and nothing more, So what can be done to deliver a better experience to those with accessibility requirements?
Add a Transcript
A transcript simply means a written version of material originally published in a different format. So for instance subtitles on a video are essentially a transcript. Minutes of your Council meetings are essentially a transcript of the spoken word.
So let’s go back to our planting day example. What we’d suggest is to create a news post or a new event (again see our video tutorials to find out how), give it a meaningful title such as Village Planting day 20th August and use the image as your featured image. In the body of the post or event you can give all the details that appear in the non accessible JPG poster. This is truly embracing the values of providing an accessible website. As an example we’ve used this example to create an event on our demo website. Click the link to view the example event.
To read more about complying with accessibility, read our guide to Public Sector Bodies Accessibility Regulations 2018
The NetWise V2 theme is centred around accessibility allowing you to create a HTML version (nothing more than a transcript on the page like we’ve just illustrated) of your minutes, agendas etc instead of relying on the traditional and somewhat outdated method of creating PDFs. NetWise V2 allows you to upload a PDF still and create the same content on the webpage. You can click the link to see an example of HTML minutes with a PDF download on our demo website. The GDS now advise Councils to publish in HTML instead of PDF or alongside wherever possible.
We hope that this has explained in simple terms how you can remain complaint and provide a better service to your community. Please contact us if you have any questions or would like more information about NetWise V2