About 35 percent of US adults over 40 show signs of vestibular dysfunction, and parallax is the classic trigger. One media query, prefers-reduced-motion, carries most of the fix.
A row of numbers with no map: the current page is not marked, Previous and Next are unnamed arrows, and nothing is announced after the page changes. The standard fix is five small changes.
WCAG 4.1.3 requires status messages to be announced without moving focus. A cart total that updates silently is invisible to a screen reader user.
WCAG 2.4.1 requires a way to bypass repeated navigation. A skip link is the cheapest way to meet it, and most Shopify themes ship without a working one.
WCAG 2.2 criterion 2.4.11 says a focused control must not be entirely hidden by your sticky header. The fix is usually one line of CSS: scroll-padding.
An icon-only button with no accessible name is silent to a screen reader. WCAG 4.1.2 requires a name, and the fix is an aria-label that says what the button does.
WCAG 2.4.7 requires a visible keyboard focus indicator. Most Shopify themes delete the browser default and replace it with nothing, which makes the store unusable by keyboard.
WCAG 3.3.1 requires every input error to be identified and described in text. A red border alone fails two criteria at once, and it fails the customers most likely to abandon the cart.
A shopper who spends twenty minutes choosing, then loses the cart to a timeout, does not blame the timeout. They blame the store. WCAG 2.2.1 requires a warning before it ends and a way to extend it.
A checkout form without autocomplete attributes is a form the browser cannot help with. The shopper types everything by hand while the browser sits there holding all of it. WCAG 1.3.5 exists for exactly this failure.
WCAG 2.2 success criterion 2.5.7 says anything done by dragging needs a single pointer alternative. Image zoom sliders, before after sliders, and carousel drags are where stores fail it.
WCAG 2.2 criterion 3.2.6 requires help mechanisms, contact links, chat, and self service options, to sit in the same relative order on every page. Stores move them constantly.
WCAG 2.2 criterion 2.5.8 sets a 24 by 24 CSS pixel floor for pointer targets at Level AA, with a spacing escape hatch. Storefront icon rows and quantity steppers fail it first.
WCAG splits form errors into two criteria for a reason. 3.3.1 requires identifying the field and describing the error in text, and 3.3.3 requires a correction suggestion when the fix is known.
WCAG 2.2 criterion 2.4.11 requires that a keyboard focused element is not entirely hidden by author created content. Sticky headers, promo bars, and chat bubbles are the usual offenders on storefronts.
WCAG 2.5.3 requires the accessible name of a control to contain its visible label. Voice control users speak what they see, and a name that diverges breaks the command.
WCAG 2.5.8 sets a 24 by 24 pixel minimum with spacing exceptions. On a dense product grid with color swatches and quick add buttons, designing to the floor still produces mis-taps. Where to use which number.
Prerecorded product video with audio triggers caption requirements at Level A and audio description duties at AA when visuals carry information the audio never mentions. The practical build for a store.
Swatches fail keyboard and screen reader users in predictable ways: divs that are not controls, color names never announced, selected state conveyed by outline alone. Fixes in code order.
Checkout errors strand shoppers when they appear only as red borders, vanish on submit, or never reach a screen reader. How to word, place, and announce errors so the form can be completed.
One CSS reset line removed your focus outline and nothing replaced it. Why keyboard shoppers are now navigating blind, and the indicator styles that pass WCAG and still look designed.
Five clickable star images with no names is not a rating control. The markup pattern for submitting a rating and for displaying one.
One email field, four ways to fail. Labels, success announcements, and error handling on the smallest form on your store.
A ticking timer pressures everyone, but it actively blocks some shoppers.
Size charts decide whether shoppers buy or bounce, but many are images or broken tables.
Keyboard shoppers tab through every nav link on every page without a skip link.
A modal that steals focus and will not give it back is a checkout blocker. The pattern and the ten minute test.
Autoplay without pause is the classic carousel failure. Controls, focus, and timing rules that fix sliders.
If a thumb cannot hit it, it does not exist. Target sizes, worst offenders, and fixes.
Swatches and size buttons block keyboard and low vision shoppers. How to fix them.
Alt text is how screen reader users shop. What to write, what to skip, and gallery rules.
The focus outline is a keyboard user cursor. Why removing it breaks navigation, and better styles.
Captions, transcripts, and real controls make product videos work for every shopper.
White on bright red is where contrast goes to die. The rules for badges and banners, a two minute check, and fixes.
Hover zoom excludes keyboard and touch shoppers. How to build product image zoom everyone can operate and test.
If keyboard shoppers cannot see focus, nothing else matters. The common theme mistakes and a ten minute focus audit.
Your shipping and ingredients details live in widgets that often fail keyboard users. The accessible pattern and a five minute check.
A magnifier with no name is just button to a screen reader. How to name header and card icons, and audit them fast.
Mega menus fail keyboard users in predictable places. How to test yours with only a keyboard, and what good looks like.
Size charts decide purchases, and many arrive as tiny images in broken modals. Publishing fit data everyone can use.
Screen reader users navigate by link lists, where click here says nothing. Writing text that stands alone.
Zoom is where keyboard users get trapped. How triggers, dialogs, and close controls should behave.
The contrast ratios to aim for, and how to test a theme in minutes.
Captions, transcripts, and pause controls that make store video usable by everyone.
Why removing the focus outline breaks keyboard shopping, and how to design a better one.
Alt text is not a keyword slot. How to write product image descriptions that help screen reader users shop, in the right length, with the details that sell.
Sale badges often fail contrast and get missed by screen readers. How to check badge text, color independence, and announcements on product pages.
Mega menus look great with a mouse but can strand keyboard users. The three failures that make Shopify mega menus inaccessible, a five-minute keyboard test, and what a properly accessible menu does.
Most Shopify product images carry empty or useless alt text, and screen reader shoppers lose the details that sell. How to audit your image alts, what good alt text looks like, and the theme fixes that matter.
Plain answers to the questions Shopify brands ask about ADA compliance, WCAG 2.2, and accessibility monitoring.
Announcement bars sit at the top of every page, so one inaccessible bar is a failure repeated everywhere. What breaks and the markup that fixes it.
A screen reader user who misses a checkout error is stuck with no way forward. How Shopify announces form errors, where the gaps are, and what merchants can fix in the theme.
Cookie banners are often the first thing on the page and the last thing made accessible. The focus traps, unlabeled buttons, and keyboard dead ends that turn consent into an ADA risk.
The slide-out cart drawer is on most Shopify stores and almost never tested for keyboard access. The four ways drawers fail, a five-minute audit, and what a compliant drawer looks like.
Popups are a top ADA complaint trigger: focus not trapped, no keyboard dismiss, background still interactive. The four popup failures on Shopify stores and how to make yours compliant.
Search is the main navigation for screen-reader shoppers and the least tested part of most stores. The four requirements for a working search and a ten-minute test.