54 Thrones logo

54 Thrones Accessibility Audit

Web Accessibility Remediation for 54 Thrones website to make it conforms with the WCAG technical standards and comply with the ADA.

  • https://54thrones.com/
  • Shopify, Accessibility Remediation, Accessibility Statement
  • Color Contrast Analyzer, WebAIM Wave
  • Christina Thomas
  • December 30, 2021
  • Beauty & Spa Services

This 54 Thrones accessibility audit and WCAG 2.1 AA remediation covered the online store of an African-inspired beauty brand, known for its responsibly sourced body butters, skincare and fragrances drawn from ingredients across the continent.

A beauty store asks shoppers to choose by scent, shade and skin type, read ingredient and sourcing detail, and check out — all through interactive controls. For a shopper using a screen reader or a keyboard, the accessibility of those product options and that checkout decides whether they can actually buy.

StandardWCAG 2.1 AA
PlatformShopify
TestingManual + Automated
RegionUnited States

Why accessibility is critical for an online store

E-commerce is one of the most active areas of United States web-accessibility law. Under the Americans with Disabilities Act (ADA) Title III, an online store is treated as a place of public accommodation, and courts and settlements have repeatedly pointed to WCAG 2.1 Level AA as the working standard for an accessible shop. For a beauty brand the detail is the decision: scent, shade and skin-type options a screen reader cannot read, ingredient lists locked in images, or a product option a screen reader cannot read, or a checkout that traps keyboard focus, quietly turns a willing customer away.

Scope and standard

Our 54 Thrones accessibility audit assessed the store against WCAG 2.1 Level AA, mapped to ADA Title III, across the journeys that matter for a beauty brand: product pages, scent, shade and skin-type options, ingredient and sourcing detail, the cart and checkout, and search and filtering.

How we ran the 54 Thrones accessibility audit

  • Screen-reader testing with JAWS and NVDA on Windows, VoiceOver on macOS and iOS, and TalkBack on Android
  • Automated audits with Deque axe, Google Lighthouse and WAVE
  • Keyboard-only operation of every step, with attention to focus order and a clearly visible focus indicator
  • Colour-contrast analysis, plus 400% zoom and reflow testing for low-vision users

What accessibility means on each part of the store

Because 54 Thrones sells on scent, ingredients and experience, our 54 Thrones accessibility audit focused on the parts a shopper relies on:

  • Scent, shade and skin-type options need names and states a screen reader can read, so a shopper knows exactly what is selected.
  • Ingredient and sourcing detail must be real text rather than an image, so people with sensitivities and assistive technology can read it.
  • Product images need meaningful alternative text, since look and packaging cues are otherwise lost without sight.
  • The cart and checkout need labelled fields, announced errors and a focus order that never traps the keyboard, because this is where the order is completed.
  • Search, filtering and navigation need operable controls, visible focus, sufficient contrast and clean reflow at high zoom.

Outcome

This 54 Thrones accessibility audit, combining manual and automated testing with remediation, brought the store’s product options, ingredient detail and checkout into line with WCAG 2.1 AA and ADA Title III expectations, so a shopper using a screen reader or a keyboard can choose by scent and skin type and order without barriers. Every fix was verified with assistive technology rather than assumed from an automated pass.

Services we provided for this client