Troy Lee Designs logo

Troy Lee Designs Accessibility Audit

Web Accessibility Remediation for Troy Lee Designs website to make it conforms with the WCAG technical standards and comply with the ADA.

  • https://troyleedesigns.com/
  • Shopify, Accessibility Audit, Accessibility Remediation, Accessibility Statement
  • Color Contrast Analyzer, Usablenet
  • Will Bubenik
  • May 19, 2021
  • Clothing Stores, Fashion Stores, Sports, Sports Accessories

This Troy Lee Designs accessibility audit and WCAG 2.1 AA remediation covered the online store of a renowned United States brand in motocross and mountain-bike gear — helmets, protection, apparel and accessories for riders.

A performance-gear store carries decisions that affect safety: riders choose sizes, read protection ratings and fit specs, and check out, all through interactive controls. For a rider using a screen reader or a keyboard, the accessibility of that sizing, those specs and the checkout decides whether they can buy the right protective kit.

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 safety gear the detail is critical: protection ratings and fit specs that live only in images, sizing controls 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 Troy Lee Designs accessibility audit assessed the store against WCAG 2.1 Level AA, mapped to ADA Title III, across the journeys that matter for a gear brand: product pages, size and fit selectors, protection and safety specifications, the cart and checkout, the account area, and search and filtering.

How we ran the Troy Lee Designs 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 Troy Lee Designs sells safety-critical gear, our Troy Lee Designs accessibility audit focused on the parts a rider relies on:

  • Size and fit selectors need names and states a screen reader can read, so a rider chooses the correct, safe fit.
  • Protection ratings and specifications must be real text rather than images, so safety information is available to everyone.
  • Product images need meaningful alternative text, since design and protection 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 Troy Lee Designs accessibility audit, combining manual and automated testing with remediation, brought the store’s sizing, safety specs and checkout into line with WCAG 2.1 AA and ADA Title III expectations, so a rider using a screen reader or a keyboard can find the right protective gear and buy it without barriers. Because safety information is at stake, every fix was verified with assistive technology rather than assumed from an automated pass.

Services we provided for this client