OnlineNexusAccess accessibility home Free scan

WooCommerce accessibility checklist for store owners

WooCommerce itself has put real work into accessibility, but your store is WooCommerce plus a theme plus plugins plus your own content. Most problems we see come from that combination. Use this checklist to work through the parts you control.

1. Know what WooCommerce does and doesn't cover

In other words: an up-to-date WooCommerce is a good foundation, but your theme and plugins decide much of what shoppers actually experience.

2. Theme

  • ☐ Keep WooCommerce, WordPress and your theme up to date.
  • ☐ If you are choosing a new theme, prefer one labelled accessibility-ready, and test it yourself.
  • ☐ Check that the theme does not disable zoom on mobile (look for user-scalable=no in the page source).
  • ☐ Check that keyboard focus is clearly visible on links, buttons and form fields.

3. Product and banner images

4. Forms: search, quantity, variations, checkout

  • ☐ Every field has a proper label. On one WooCommerce store in our scans, quantity boxes were labelled only by a "Qty" tooltip (title attribute), which is not a reliable label for everyone.
  • ☐ Variation drop-downs (size, color) have visible labels.
  • ☐ Error messages explain what went wrong and how to fix it.
  • ☐ Social media, cart, account and search icons have a text name. On one WooCommerce store we scanned, every social icon link in the footer had no name.
  • ☐ "Read more" or "Shop now" links make sense on their own, or include the product or category name.

6. Plugins

  • ☐ List the plugins that add things to the storefront: sliders, pop-ups, reviews, wishlists, live chat, quick view.
  • ☐ Test each with a keyboard, and remove or replace ones that trap keyboard focus or hide content.
  • ☐ WooCommerce's own extension guidance asks developers to meet WordPress accessibility coding standards and recommends aiming for WCAG 2.2 Level AA (Accessibility Best Practices for extensions (WooCommerce developer docs)). Ask plugin vendors whether they test against it.

7. Page structure

  • ☐ One main heading (H1) per page, such as the product name, and headings in order below it.
  • ☐ Only one main content region. One store we scanned had two "main" regions on its category page.

8. Contrast

9. Test it yourself

  • ☐ Run an automated scan of your homepage, a category page, a product page and the cart.
  • ☐ Do a 10-minute keyboard test of the whole buying path.
  • ☐ Re-test after plugin and theme updates.

Check your own store in a minute or two. Our free scanner opens your homepage, a collection page, a product page and your cart in a real browser and lists the problems it can detect automatically, in plain English.

Run the free scan

Technical fixes, not legal advice. This guide explains website accessibility from a technical point of view. We are not a law firm, and nothing here is legal advice. No scan, fix or guide can guarantee legal compliance, the outcome of any demand letter or lawsuit, or protection from future claims. If you have received a legal claim, please consult a qualified attorney about it.

Sources