McClure’s Accessibility Audit
Web Accessibility Remediation for McClures website to make it conforms with the WCAG technical standards and comply with the ADA.
This McClure’s accessibility audit and WCAG 2.1 AA remediation covered the Shopify store of a family-run brand famous for its Detroit-made pickles, relishes, Bloody Mary mixer and pickle-flavoured chips, sold direct to fans across the United States.
A family food brand still sells through the same interactive parts as any store: product pages, the cart and checkout, an account and search. For a shopper using a screen reader or a keyboard, whether those parts are accessible is exactly what decides if they can order a jar.
Table of Contents
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 small family brand the risk is identical to a large one: ingredient detail buried in an image, or product pages a screen reader cannot read, or a checkout that traps keyboard focus, quietly turn away a customer who simply wanted to order.
Scope and standard
Our McClure’s accessibility audit assessed the Shopify store against WCAG 2.1 Level AA, mapped to ADA Title III, across the journeys that matter for a food brand: the product pages, ingredient detail, the cart and checkout, the account area, and search and filtering.
How we ran the McClure’s 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 McClure’s is a focused Shopify food store, our McClure’s accessibility audit focused on the parts a shopper uses:
- Product pages need names, sizes and prices in text, with clearly labelled “add to cart” controls, so a screen-reader user can pick the right jar or pack.
- Ingredient and allergen information must be real text, not an image, so customers with dietary needs can read it.
- Product images need meaningful alternative text, so the product is recognisable 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 McClure’s accessibility audit, combining manual and automated testing with remediation, brought the store’s product pages 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 browse and order without barriers. Because ordering and allergen detail matter, every fix was verified with assistive technology rather than assumed from an automated pass.