Hai Trim & Feathers logo

Hai Trim & Feathers Accessibility Audit

Web Accessibility Remediation for Hai Trim & Feathers website to make it conforms with the WCAG technical standards and comply with the ADA.

  • https://www.haitrim.com/
  • Shopify, Accessibility Audit, Accessibility Remediation, Accessibility Statement
  • Color Contrast Analyzer, Usablenet
  • Will Bubenik
  • August 26, 2021
  • Craft Stores, Jewelry Stores, Lifestyle Accessories

This Hai Trim & Feathers accessibility audit and WCAG 2.1 AA remediation covered the online store of a United States supplier of trims, feathers and fashion embellishments used by designers and makers.

A trim-and-feather supplier asks shoppers to choose colours, types and quantities, then check out — all through interactive controls. For a shopper using a screen reader or a keyboard, the accessibility of those options and the checkout decides whether they can order the right materials.

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 materials supplier the detail matters: colour and type options a screen reader cannot read, swatches shown without text, 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 Hai Trim & Feathers accessibility audit assessed the store against WCAG 2.1 Level AA, mapped to ADA Title III, across the journeys that matter: product pages, colour, type and quantity options, filtering and search, the cart and checkout, and the account area.

How we ran the Hai Trim & Feathers 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 Hai Trim & Feathers sells through product options and a checkout, our Hai Trim & Feathers accessibility audit focused on the controls a shopper relies on:

  • Colour, type and quantity options need names and states a screen reader can read, so a shopper orders exactly what they need.
  • Swatches and product images need meaningful alternative text, since colour and texture are otherwise lost without sight.
  • Unit pricing and detail must be clear text with labelled “add to cart” controls.
  • 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 Hai Trim & Feathers accessibility audit, combining manual and automated testing with remediation, brought the site into line with WCAG 2.1 AA and ADA Title III 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.

Services we provided for this client