Brio Product Group logo

Brio Product Group Accessibility Audit

Web Accessibility Remediation for Brio Product Group website to make it conforms with the WCAG technical standards and comply with the ADA.

  • https://www.brio4life.com/
  • Shopify, Accessibility Audit, Accessibility Remediation
  • Color Contrast Analyzer, Usablenet
  • Will Bubenik
  • November 16, 2022
  • Health Services, Lifestyle Accessories

This Brio Product Group accessibility audit and WCAG 2.1 AA remediation covered the online store of a United States personal-care brand known for its grooming tools — trimmers, shavers and sonic care — sold direct with replacement-part subscriptions.

A grooming-tools store asks shoppers to compare features, choose models and accessories, often start a subscription, and check out — all through interactive controls. For a shopper using a screen reader or a keyboard, the accessibility of those specs, options and the checkout decides whether they can buy.

StandardWCAG 2.1 AA
IndustryPersonal-care e-commerce
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 product-led brand the detail matters: specifications and subscription terms shown only in images, model or accessory options a screen reader cannot read, 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 Brio Product Group accessibility audit assessed the store against WCAG 2.1 Level AA, mapped to ADA Title III, across the journeys that matter: product pages, specifications, model and accessory options, the subscription flow, the cart and checkout, and search and filtering.

How we ran the Brio Product Group 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 site

Because Brio Product Group sells tools with specs and subscriptions, our Brio Product Group accessibility audit focused on the controls a shopper relies on:

  • Model and accessory options need names and states a screen reader can read, so a shopper knows exactly what is selected.
  • Specifications and subscription terms must be real text rather than images, so everyone can compare and commit with confidence.
  • Product images and demos need meaningful alternative text and, for any video, captions.
  • 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 colour contrast and clean reflow at high zoom.

Outcome

This Brio Product Group accessibility audit, combining manual and automated testing with remediation, brought the site into line with WCAG 2.1 AA expectations, so people using a screen reader or a keyboard can use it without barriers. Every fix was verified with assistive technology rather than assumed from an automated pass, so the result holds up in real use.

Services we provided for this client