In today’s digital-first times, your website is the shop front to your business, whether you operate exclusively online or have a brick and mortar store.
As a business owner, you will naturally want to make your site open and accessible to as many people as possible to help you find leads, boost brand awareness, and increase your website’s return on investment.
In the United Kingdom, one in five of us has a disability, whether that’s visual, hearing, motor or cognitive.
Because of this, it’s important to think about accessible web design and look to find ways to improve the accessibility of your site.
Businesses in the UK are legally required to meet level AA of the Web Content Accessibility Guidelines and operate websites that work on assistive technology like screen magnifiers, screen readers, and recognition tools, but there is more you can do to go the extra mile and deliver a great user experience to everyone, regardless of their level of ability.
Last year, Apple was sued over claims its site was not accessible to visually impaired users in one of the first cases of its kind. As accessibility becomes more of a hot topic, it is critical that you test and implement features designed to accommodate those with additional needs.
Today, we take a closer look at website accessibility and share some techniques to improve your website’s user experience…
One of the simplest website accessibility features that you should implement is making your website keyboard friendly – in other words, your website should work without needing to use a mouse.
Many assistive technologies use keyboard navigation to get around the web, and so websites that can be properly accessed without a mouse will naturally be easier to use.
Visit your homepage and use the tab key to navigate around.
If your website was designed correctly, you should be able to ‘tab’ through the website to every link and button and press enter when you want to visit a new page. If you find some links, buttons or forms difficult to use or navigate to, then you should address these using CSS (more on the W3 website).
Image Alt Text
If you want to follow industry practices and increase your search engine optimisation, then you should add relevant alt text to your images, but so many websites do not in order to save time.
Adding image tags takes only a couple of seconds, and serves as a replacement if the image fails to load, and as a signal for screen readers to explain the context of an image.
Write image alternative tags that are descriptive and to the point – your logo, for example, should sport a tag such as ‘Business name logo’, whereas a team photo of the whole office should include ‘Company team photo from February 2019’.
Where possible, you can also include relevant keywords in your alt tags, but don’t make them spammy as their primary purpose is to describe an image and help with accessibility in the case of visual impairment.
Forms are one of the most commonly used features on any website, but if you don’t design yours with considerations for accessibility, then you could run into problems.
All of your form fields should include a clear label – Name, Address, Contact Email, and so on. Your labels should be correctly coded so that they correspond to the respective field – floating labels or labels inside fields can be overlooked or invisible on screen readers, so keep it traditional.
As well as thinking about labels and form fields, offer clear instructions on how to use your form. Some tools such as WP Accessibility offer accessible and customisable contact forms.
Turn Off Autoplay
As tempting as it may be to welcome guests to your site with an explainer video that plays automatically, this is bad accessibility practice.
Indeed, users accessing your website on a screen reader may struggle to see how to turn off auto-playing media, or they may even be frightened by unexplained noise and choose to leave your site before they view your content.
Image and content sliders should also be avoided, as they can be frustrating for those who need more time to read information. If you do use moving carousels or content sliders, then be mindful of accessibility and implement a way to pause or slow down moving elements.
Once you’ve improved the accessibility of your website, you should think about the content on your pages and make sure that it’s as simple and as straightforward as possible.
Using emoji on your website, for example, may be good for personalising content and showing your audience that you’re fun and relaxed, but emoji are not read by screen readers.
When linking to other pages, be sure to include descriptive anchor texts, alternative text, and names to avoid confusion, and always write out acronyms so that your information is clear and easy to understand. Not everyone can copy and paste an unfamiliar term into Google.
When laying out pages and blog posts, avoid too many elements such as forms, lists, infographics and interactive content (or offer an alternative to interactive content, such as transcripts) and use W3C Standards to ensure content is read correctly.
There’s no denying that making accessibility changes to site website can be time-consuming and challenging, but welcoming as many people to your website is good for business and there’s no excuse why your site should be difficult to use for a large proportion of our society.
Adopting best practices and being mindful of disabilities will allow you to create a website that’s easy to use, resulting in increased brand awareness and engagement. Good luck.
- Android App Developers UK
- Android App Development Company In UK
- Android App Development Company UK
- Android App Development Edinburgh
- Android App Development In UK
- Android App Development UK
- App Developers Edinburgh
- App Developers Glasgow
- App Developers London
- App Developers Scotland
- App Developers UK
- App Development Companies In UK
- App Development Companies UK
- App Development Edinburgh
- App Development Glasgow
- App Development Scotland
- App Development UK
- Best App Developers
- Best App Developers UK
- Best UK App Developers
- Digital Marketing
- Digital Marketing in China
- Enterprise App Development UK
- Find An App Developer
- Internet of Things
- iOS App Development Companies In UK
- iOS App Development Scotland
- iPhone App Developers UK
- iPhone App Development UK
- London Mobile App Developers
- Looking For App Developer
- Mobile App Developer Edinburgh
- Mobile App Developer Glasgow
- Mobile App Developers Dundee
- Mobile App Developers Scotland
- Mobile App Developers UK
- Mobile App Development Company In UK
- Mobile App Development Company UK
- Mobile App Development Edinburgh
- Mobile App Development Glasgow
- Mobile App Development In UK
- Mobile App Development Scotland
- Mobile App Development UK
- Project Planner
- Success Page
- Top App Developers UK
- Top App Development Companies UK
- Top Mobile App Developers UK
- Top UK App Developers
- UK App Developers
- UK App Development Companies
- UK Mobile App Developers
- Web Application Development Glasgow
- Web Application Development London
- Web Application Development UK
- Website Design Dundee
- Website Design Edinburgh
- Website Design Glasgow
- Zudu Subscribe
To Keep up to date with Zudu, subscribe to get news, updates and offers straight into to your inbox.