31st January 2019
With the ever-advancing technology, we now have more accessibility tools at our disposal than ever. People struggling with different types of sensory impairments can effectively browse websites, under one condition – the site has to be accessible. Unfortunately, the majority of the Internet is not friendly to the disabled.
We can all agree that everyone deserves equal access to the Web – but that’s not the case. A study has shown that over 70% of websites in the UK have serious accessibility issues. This makes a majority of the Internet unapproachable for over 12 million Brits suffering from various disabilities. One in four disabled adults in the UK has never browsed the Internet.
Using good design and development practices is crucial to ensure website accessibility, but the responsibility isn’t only on the developers. They have to build a website using semantic code, but it’s your editorial team that has to ensure the website stays accessible and this is the focus of our article.
Images that are essential to telling your story need to have descriptive alt attributes. Screen reader software scans the code of the website and announces the text in alt tags. Leaving them empty is the equivalent of removing the images altogether. If you wouldn’t remove them for every visitor, why do it to the disabled ones?
In the age of content management systems, everyone can set alt attributes for images – you don’t need to know anything about the code. It’s incredibly easy and you should make it your habit to include an alternative description for every descriptive image.
You can even go as far as automating the process. Learn how to use artificial intelligence to generate the alt text of images for you.
Colour contrast isn’t something you can fix outright although it’s very important to know about contrast rules before approaching a web agency. In fact, this aspect is far bigger than web design and starts at the branding stage of your company.
Businesses often approach web designers with pre-made colour palettes and are reluctant to changes. There’s one major problem with that – the palettes are usually prepared by branding agencies that don’t have experience in web marketing.
Web Content Accessibility Guidelines contain detailed information about minimum contrast ratios for different text formats. You don’t need to read them thoroughly. Being aware is all that matters. There are fantastic online tools that check whether your colour scheme is compatible with readability standards.
Few minutes of experimenting with Contrast Checker is enough to realise that the subject is delicate. It’s easy to name a website that uses a white background. We are also used to red being the colour for errors. But does a white background go well with pure red? The answer might surprise you.
Structuring the page in the code used to be exclusively the developer’s task, but these days WYSIWG editors and content management systems enable editors to make their articles and pages user-friendly.
Increasing the font on a headline and making it bold makes its function visually obvious. But it doesn’t work like that for screen readers. If you don’t explicitly include the text in a heading tag, they won’t be able to properly structure the content for the impaired visitor.
We are all aware that a website should be functional, but we often get lost in making sure it “looks good” above everything else.
Why not both? When approaching web agencies for a new website, make accessibility one of your priorities. It’s the developer’s job to make the website accessible, but yours to keep it that way.
If your previous project resulted in a poorly optimised website, you’re going to need help from web agency to fix it. But with just a few tips for your editors, you can address at least some of the accessibility issues right away.
Responsive design isn’t for the mobile devices but for the people that use them. We approach website accessibility the same way. Building a people-centric site that works for your visitors will consequently make it work for your business.