Over the past week, we conducted 6 mini accessibility audits of popular online retail stores. Our aim was to help raise awareness of online accessibility by taking a quick look at how well these brands conformed to WCAG 2.0 guidelines.
We came across some very interesting and surprising results and gained an insight into the main barriers disabled users face when shopping online. There were several common themes across the board, but first let’s look at the scores and who came out on top:
Position Retailer Score
1 House of Fraser 3/5
1 Boots 3/5
2 Tesco 2.5/5
2 Mothercare 2.5/5
3 Not on The High Street 1/5
3 Joules 1/5
Unfortunately, all of the sites reviewed would fail a WCAG 2.0 Level AA audit (this will open in a new window)in their present state. This means that disabled users would have difficulty in buying a product on each of the sites, with half of the sites inhibiting users completely at a specific point in their journey. Thankfully, most of the improvements only require small changes however, there are areas that will require additional effort long term.
Ensuring your site is accessible to all audiences is key to providing a truly user friendly experience. Sadly, across all 6 sites we looked at there were a number of common themes occurring.
This navigational technique highlights where the user is on the page visually. This is essential for sighted keyboard users who rely on visual cues to navigate. Across our retailers, we had mixed results. House of Fraser lead the way with clear and consistent visible focus making it easy for users to navigate easily and effectively. Other retailers had a mix of custom, default or no focus at all in parts. Default browser focus is deemed as not sufficient as this can be unclear and inconsistent between browsers.
‘Skip to’ Links
We were disappointed to find that only half of the sites had implemented ‘skip to’ links meaning that keyboard users would repeatedly have to go through lengthy navigation menus across the sites. It is important that ‘skip to’ links are not only present but executed correctly. One of our retailers, Joules, had more than one ‘skip to’ link but as these were not visible on focus, sighted keyboard users would not be able to take advantage of this functionality. House of Fraser was a great example of a site that had clear ‘skip to’ links.
Providing context to screen reader users
This is fundamental for screen reader users who are not able to visually group information together or understand meaning through visible presentation. Information and relationships must be therefore associated programmatically. Examples of this from our retailers included:
- Form fields need to have associated labels. This was a persistent issue across all retailers. Some sites such as notonthtehighstreet.com frustratingly had correctly implemented this in some areas and not others, meaning inconsistent access to information for our screen reader users.
- All retailers at one point or another had links that did not make sense out of context. Common examples found were ‘show more’ and ‘edit’.
- When selecting product options such as size and colour, some of our retailers did not provide screen reader users with all the information they need in order to make the purchase. For retailers such as House of Fraser and Joules, an example of this was not providing details of a certain size being out of stock. This means that a screen reader user would have to either give up or ask for assistance at this stage.
Summary and next steps
It was only recently that the BBC highlighted that the physical retail space needs to improve for disabled users. Physical accessibility in store can be challenging, online retail therefore can be seen as the ideal solution. Unfortunately, opting to shop online with the six retailers reviewed does not appear to be the answer for a cross section of disabled people.
It was reassuring to see that the majority of our retailers had an area on their site dedicated to accessibility, which is a really positive starting point. They had also attempted to implement accessible features on their extensive sites. It is important now to build on these great intentions and implement WCAG 2.0 increasing accessibility across their sites.
We recommend that all retailers consult with accessibility and UX experts who fully understand the needs of disabled people. Retailers should perform usability testing with disabled people to ascertain that the site is usable as much as it compliant to WCAG standards.
You might also be interested in...
Global Accessibility Awareness Day 202219 May 2022
Today is Global Accessibility Awareness Day, held every year to get everyone talking, thinking and learning about digital access and inclusion. With more than one billion people with disabilities/impairments worldwide, it’s a day that deserves to be celebrated.Read the article: Global Accessibility Awareness Day 2022
What’s new with WCAG 2.2?19 July 2021
The next major iteration of the Web Content Accessibility Guidelines (WCAG) is on the way! The World Wide Web Consortium (W3C) is currently preparing to publish version WCAG 2.2. A Working Draft is available now which intends to better reflect the experience of people with disabilities. This article aims to help you understand the WCAG 2.2 Success Criteria and what these changes mean for your website or application.Read the article: What’s new with WCAG 2.2?
User Vision placed on Government DOS 5 Framework9 March 2021
User Vision is proud to have been awarded a place on the latest UK government-mandated agreement for Digital Outcomes and Specialists (DOS 5) Framework.Read the article: User Vision placed on Government DOS 5 Framework