Universal design of websites allows as many people as possible to use the website as intended. If you own a website in Europe, you are required to meet certain requirements for universal design.
In Norway 636.000 people under the age of 66 years old have some sort of disability. Most people have issues with their vision, even when wearing glasses or lenses. Maybe you feel it yourself? That you have to squint and concentrate to see what is written?
About 15% of the worlds population have some form of disability.A large part of your target group will have a better user experience on your website, if you make sure to meet some relatively simple requirements (WCAG 2.1: Norway / Europe)
It’s easy to get lost in the complexities of accessibility rules. However, it’s easy to learn their implementation from good examples.
Some organizations already take great care to be accessible to their users. Their experience in implementing the rules in mature products can help us understand the philosophy behind accessibility.
Yes, this is a government website. And as such, it should include every citizen in their target group. Few do it as well as the British gov.uk website. The experience is very well planned – no matter what input device the user may use. It’s main strong points are:
Shortcuts that make the navigation a breeze, even on content-heavy pages (for example: Jump to content visible at the top of the page, that lets you skip the menus if using keyboard or voice).
A specific feature of this government website is that it relies almost exclusively on text. There are very few images, and almost no other media. This way the developers of this page make sure that every device capable of understanding a web page can present it in a meaningful way, while reducing the costs of maintaining media alternatives – like close captions for video or text alternative to sound files.
Another good example is a very media heavy page: the British Broadcasting Corporation, one of the UK’s main media outlets. This specific web page is a good example of handling non-text content. That means in specific:
A good benchmark for media sites, BBC is an accessible page that users can enjoy despite using alternative input or output methods. Not, however, that even this media juggernaut does not provide all the time-based media (video and sound recordings) in text and sign language.
They write: We aim to provide subtitles, audio description and programs in British Sign Language for as much content as possible across as many devices as possible. That highlights the importance of planning ahead for video and sound content: would you be able to provide alternatives? If not, it may be a better solution to limit the number of non-text content to minimum, and treat it as inaccessible to some users.
This is an energy company website. It focuses on providing green electricity and empowering their users with control over their bills. It's plan may be described as an energy company for modern, user-experience conscious clients.
This is a good way to stand out from competition, that in this specific market, seems to be far behind in web services. And part of the experience is being accessible. Because that means that Bulb may be chosen before others by any user with non-standard needs.
Their web experience is modern, but not flashy. They rely on clean structure and well crafted texts. Where images appear, they are to illustrate and supplement the text, not the other way around. Main highlights include:
Bulb is a good example of a commercial website that uses accessibility as a key part of the experience. It attracts customers that other energy companies may overlook or ignore. As such, it seems to be a trendsetter in its market and we expect more energy brands to follow.
The good practices illustrated above have a profound impact on user expectations. No longer can users tolerate poorly organized content, no alternatives or difficult navigation. While, at the same time, taking care of accessibility issues makes the overall experience better for all the users.
Think about the page structure: if done well, both screen readers and eagle sighted users can arrive at the desired content easier, and the site would fulfill its purpose better. Overall everybody wins.
It’s just the beginning of the journey for improvement that’s daunting. And that’s where having an experienced guide is so valuable.
Need a partner in turning your website into an accessible site with great user experience for anyone? Feel free to reach out to us here.