ADAReadyHQ blog

Plain answers to the questions Shopify brands ask about ADA compliance, WCAG 2.2, and accessibility monitoring.

• The Heading Structure of a Product Page: H1 to H3 in the Order a Screen Reader Meets Them
  2026-11-15

  A product page with three H1s and no H2s is a page a screen reader cannot navigate. The heading structure is the table of contents, and on a product page it has to follow the order the shopper meets the content.

• Error Messages That Announce: aria-describedby Done Right in Checkout
  2026-11-15

  An error message that a screen reader never announces is not an error message. It is a silent failure, and the user sits at a form that will not submit, with no idea why.

• Reduced Motion: What prefers-reduced-motion Actually Changes, and What It Misses
  2026-11-14

  prefers-reduced-motion is a user setting, not a design choice. It changes what the browser does, and it misses more than teams think.

• Alt Text That Actually Helps: Writing for the Image, Not the File Name
  2026-11-14

  Alt text is not a description of the image. It is the image's purpose, in words, for the person who cannot see it.

• Your Icons Are 24 Pixels. Your Spacing Still Fails 2.5.8.
  2026-11-13

  WCAG 2.5.8 is not just a size rule. An undersized target can pass on spacing alone, and a 24-pixel target can fail when its neighbors crowd it.

• Your Visual Order and Your DOM Order Disagree. Keyboard Users Follow the DOM.
  2026-11-13

  CSS can put anything anywhere on screen, but the tab order follows the source order. When the two disagree, keyboard users tab through a page that makes no sense.

• Placeholder Text Is Not a Label: WCAG 3.3.2 and the Vanishing Hint
  2026-11-12

  A placeholder looks like a label until the shopper starts typing, and then it is gone. Screen readers do not treat it as a label either. The fix is a real label, and the placeholder stays as a hint.

• Skip Links That Survive a Sticky Header
  2026-11-12

  The textbook skip link breaks the moment the nav goes sticky: the jump lands under sixty-four pixels of chrome. The fix is one CSS property, and the test takes thirty seconds.

• Mega Menus Eat Keyboards: The Escape Key Test
  2026-11-11

  A mega menu that opens on hover and never closes on Escape traps keyboard users inside it. The fix is a pattern, not a redesign.

• Autocomplete Attributes: The One-Line Fix for WCAG 1.3.5
  2026-11-11

  WCAG 1.3.5 asks forms to name the purpose of each input so browsers and assistive tech can fill it. The fix is one attribute per field.

• Modal Dialogs and the Focus Trap: The Keyboard Test That Fails Most Often
  2026-11-10

  A modal that lets Tab escape into the page behind it is broken for every keyboard user. The trap is a pattern, not a feature, and it takes four behaviors to get right.

• Color Alone Never Says Error: 1.4.1 and the Forms That Fail It Quietly
  2026-11-10

  A red border is invisible to a screen reader and ambiguous to a colorblind user. WCAG 1.4.1 wants a second channel, and the cheapest one is text.

• The Keyboard-Only Checkout Test: Time It, Film It, Fix What Blocks It
  2026-11-09

  The fastest accessibility test on a storefront is a keyboard and a stopwatch. Here is how to run the checkout test and what the clock tells you.

• Target Size: Measuring the 24-Pixel Minimum on Your Own Storefront
  2026-11-09

  WCAG 2.5.8 requires pointer targets of at least 24 by 24 pixels. Most storefronts fail it on icon buttons and pagination, and the measurement takes an afternoon.

• Focus Indicators: The Two-Pixel Line Between Usable and Unusable
  2026-11-08

  WCAG 2.4.7 requires a visible focus indicator on every keyboard-operable control. The most common cause is outline none in a CSS reset.

• Contrast Ratios, Stated Plainly: 4.5 to 1 and Where It Applies
  2026-11-08

  WCAG 1.4.3 requires 4.5 to 1 for normal text and 3 to 1 for large text. The failures are almost always light gray body text.

• The Payment Method Selector Nobody Can Name
  2026-11-07

  A row of card logos that acts as a radio group, with no fieldset, no legend, and no accessible name, fails WCAG 1.3.1 and 4.1.2 at the exact moment a shopper is about to pay.

• The European Accessibility Act Has Applied Since June. Your Store Is in Scope.
  2026-11-07

  The European Accessibility Act has applied to ecommerce services since June 28, 2025, with WCAG 2.1 Level AA as its yardstick. Small businesses are exempt, but the exemption is narrower than most stores assume.

• The Title II Dates Moved Again: April 2027 and 2028, and What Still Applies
  2026-11-06

  The DOJ extended the Title II web accessibility deadlines by a year in April 2026. The standard is unchanged, the obligation is unchanged, and the old dates are still printed on half the internet.

• Section 508 vs WCAG 2.1: Which Standard Your Federal Buyers Actually Check
  2026-11-06

  Federal procurement runs on Section 508, which incorporates WCAG 2.0 Level AA. Private litigation cites WCAG 2.1 and 2.2. A store selling to both needs to know which one governs each deal.

• Ready Means Not Asking Twice: Redundant Entry at Checkout
  2026-11-05

  WCAG 2.2 criterion 3.3.7 says information already entered must be carried forward, not re-typed. Where stores violate it, and the checkout fixes that follow.

• Title II Dates Are Set: What Public Sector Sellers Should Already Have Done
  2026-11-05

  The DOJ's Title II rule names WCAG 2.1 Level AA and compliance dates in 2026 and 2027 by entity size. What that means for campus stores, transit shops, and other public sellers.

• Getting a Store Ready for the European Accessibility Act: Dates, Scope, and Evidence
  2026-11-04

  The European Accessibility Act has applied to ecommerce services since 28 June 2025. What it covers, the microenterprise limit, and the evidence a store should be able to produce.

• Accessible PDF Invoices, Receipts, and Order Documents for Online Stores
  2026-11-04

  Checkout gets the audit and the invoice gets forgotten. Tagged PDF, reading order, and text based totals are what make an order document readable, and a HTML receipt often beats a PDF entirely.

• Accessible Loyalty Points and Rewards Dashboards
  2026-11-03

  Points balances shown as graphics, tiers shown as progress bars, rewards that need a mouse to redeem. Making a loyalty dashboard readable, operable, and honest for everyone.

• Accessible Split Payment and Instalment Selectors at Checkout
  2026-11-03

  Pay in four looks simple as a set of radio cards. Testing instalment selectors for real radio behaviour, readable terms, and totals that update and announce correctly.

• Accessible Gift Wrapping, Gift Messages, and Receipt Options
  2026-11-02

  Gift options hide in collapsed cart sections with unlabelled checkboxes, character counters that never speak, and preview text in image form. A walk through the failures and fixes.

• Accessible Pre-Order Deposits and Balance Payment Pages
  2026-11-02

  Pay a deposit now, pay the rest later splits one purchase across months and pages. The accessibility and clarity checks for deposit amounts, balance dates, and reminder emails.

• Accessible Preorder and Deposit Flows: Dates, Balances, and Honest Timers
  2026-10-30

  Preorders split payment into a deposit and a later balance, and most flows explain that split visually only. How to make dates, amounts, and cancellation terms reachable for everyone.

• Accessible Build-a-Box Flows: Multi-Step Customisation Without the Traps
  2026-10-31

  Build-a-box subscription flows stack the hardest patterns on one page: steppers, quantity controls, toggles, and a running total. Making each step operable and announced.

  Preorders split payment into a deposit and a later balance, and most flows explain that split visually only. How to make dates, amounts, and cancellation terms reachable for everyone.

• Accessible Store Credit: Balances, Codes, and Checkout Fields
  2026-11-01

  Store credit fails shoppers in quiet places: balances behind image codes, credit codes read as one long string, and checkout fields that reject pasted codes. The checks that fix it.

  Preorders split payment into a deposit and a later balance, and most flows explain that split visually only. How to make dates, amounts, and cancellation terms reachable for everyone.

• Accessible Live Shopping Events: Captions, Chat, and the Replay
  2026-11-01

  Live shopping adds three accessibility surfaces at once: the stream, the chat, and the product links flying past. Captions, moderation, and what the replay owes latecomers.

  Preorders split payment into a deposit and a later balance, and most flows explain that split visually only. How to make dates, amounts, and cancellation terms reachable for everyone.

• Accessible Virtual Try-On and AR Fit Tools: The Fallback Is the Feature
  2026-10-31

  Try-on and AR tools are visual by nature, which is exactly why their text fallback decides whether they exclude people. What an accessible try-on flow needs besides a camera.

  Preorders split payment into a deposit and a later balance, and most flows explain that split visually only. How to make dates, amounts, and cancellation terms reachable for everyone.

• Accessible Gift Card Balance Checkers: A Small Page With Every Problem
  2026-10-30

  Balance checker pages combine CAPTCHA, unlabelled card and PIN fields, and results announced as images. How to make this minor page work for everyone.

  Preorders split payment into a deposit and a later balance, and most flows explain that split visually only. How to make dates, amounts, and cancellation terms reachable for everyone.

• Accessible Gift Wrapping and Gift Message Options
  2026-10-29

  Gift options hide behind tiny checkboxes, character counters nobody announces, and preview modals that lose focus. Here is how to make wrapping and messages usable for every buyer.

• Accessible Subscription Pause, Skip, and Cancel Flows
  2026-10-29

  Subscription portals make signing up easy and pausing or cancelling a maze of unlabelled buttons, retention modals, and silent failures. Here is what an accessible exit actually looks like.

• Accessible Gift Wrapping and Upsell Flows at Checkout
  2026-10-27

  Gift wrap toggles, message boxes, and upsell checkboxes are added late and labelled badly. How to make gift options usable for every shopper at checkout.

• Accessible Product Comparison Tables That Read in the Right Order
  2026-10-28

  Comparison tables fail when checkmarks replace words and columns collapse on phones. Here is how to structure comparisons every shopper can follow.

• Accessible Store Locators: Pair Every Map With a Real Listing
  2026-10-28

  Map only store locators lock out keyboard and screen reader users completely. Here is how to build a locator where the list does the work and the map is a bonus.

• Accessible Age Verification Popups That Do Not Lock People Out
  2026-10-27

  Age gates can block screen reader and keyboard users at the front door. How to build age verification that meets legal needs without excluding shoppers.

• Accessible Shopify Loyalty and Rewards Pages: Points, Tiers, and Sign In
  2026-10-15

  Loyalty pages ask shoppers to sign in, track points, and climb tiers, often through an app widget that was never tested with a keyboard. What to check on rewards pages.

• Accessible Product Comparison Tables: Grids That Work Without a Mouse or Perfect Vision
  2026-10-16

  Comparison tables decide high value purchases, and they are usually built as visual grids with checkmark images and color coding. How to make the comparison readable by everyone.

• Accessible Store Locator Pages: Maps, Lists, and Directions
  2026-10-17

  Store locators lead with a map and treat the list as decoration. How to build a locator where every shopper can find, choose, and get directions to a location.

• Making Your Returns and Exchange Portal Accessible
  2026-10-18

  The returns portal is a vendor page with your name on it, usually reached when a shopper is already frustrated. How to keep it from becoming a wall.

• Order Tracking Pages: Status Every Customer Can Actually Read
  2026-10-19

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Product Videos: Captions, Transcripts, and Controls
  2026-10-20

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Making Sale and Clearance Pages Accessible Under Time Pressure
  2026-10-21

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Making Gift Wrap and Gift Message Options Accessible
  2026-10-22

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Making Delivery Slot Pickers Accessible
  2026-10-23

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Making Size and Colour Swatches Accessible
  2026-10-24

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Product Comparison Tables That Actually Compare
  2026-10-25

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Store Locator Maps: The List Matters More Than the Pins
  2026-10-26

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Wishlist and Save for Later Flows, Done Properly
  2026-10-26

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Returns Portals: Starting and Tracking a Return
  2026-10-25

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Gift Cards: Buying, Sending, and Redeeming
  2026-10-24

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Product Bundles and Gift Sets
  2026-10-23

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Star Ratings and Review Widgets
  2026-10-22

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Appointment and Consultation Booking, Step by Step
  2026-10-21

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Making Gift Cards and Store Credit Accessible to Buy and Spend
  2026-10-20

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Size Charts and Fit Finders That Every Shopper Can Use
  2026-10-19

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Making Product Reviews and Star Ratings Accessible
  2026-10-18

  Star ratings that announce as 'button button button', review forms that eat errors. How to make social proof usable by everyone.

• Accessible Preorders and Back in Stock Signups on Shopify
  2026-10-17

  Preorder buttons, deposit choices, and notify me forms look simple and fail quietly. How to make waiting list and preorder flows work for every shopper.

• Accessible Gift Cards and Store Credit: The Pages Stores Forget to Test
  2026-10-16

  Gift card purchase, balance checks, and store credit redemption involve codes, forms, and third party pages that rarely get tested. A practical pass over the whole gift card journey.

• How to Make Shopify Size Charts and Fit Guides Accessible
  2026-10-15

  Size charts decide purchases, and they are often the least accessible element on the page: an image of a table, a popup that traps focus, measurements nobody can parse. How to fix them.

• Accessible Gift Card and Store Credit Flows on Shopify Stores
  2026-10-14

  Gift card buyers and recipients hit some of the roughest edges in a store: code entry, balance checks, and credit at checkout. How to make those flows work for everyone.

• Making Sale and Clearance Pages Accessible Without Hiding the Discount
  2026-10-13

  Sale pages pile on banners, timers, and dense grids that break accessibility first. How to keep the urgency visible and the page usable for everyone.

• Making Your Shopify Cart Drawer Keyboard Accessible
  2026-10-12

  The slide-out cart is where keyboard users get stuck most. The exact fixes: focus management, escape to close, and a logical tab order.

• Sale Badges and Promo Banners: The Contrast Failures Everyone Misses
  2026-10-11

  Promotional elements are designed fast and checked never. Here is how to keep sale badges readable for everyone without killing the design.

• How do you make a Shopify mega menu accessible?
  2026-10-10

  Mega menus are where keyboard and screen reader users get lost: hover-only panels, traps, and focus that vanishes. Here is what an accessible Shopify mega menu actually requires.

• How do you make a Shopify product quiz accessible?
  2026-10-09

  Product quizzes are multi-step forms wearing a costume, and they inherit every accessibility trap of multi-step forms. Label the steps, announce the progress, and let the back button work.

• How to make a Shopify search bar accessible
  2026-10-08

  The search bar is the most keyboard-dependent control on a Shopify store, and the most commonly broken. Label it properly, announce the suggestions, and let Escape do its job.

• How do you make a Shopify product image gallery accessible?
  2026-10-07

  Product galleries are where keyboard and screen reader users get stuck most often: thumbnail buttons with no names, zoom traps, and carousels that announce nothing. Fix the thumbnails, the main image, and the zoom, and the gallery stops being a barrier.

• How do you make a Shopify newsletter popup accessible?
  2026-10-06

  Newsletter popups are accessibility minefields: focus theft, keyboard traps, and timed appearance. An accessible popup announces itself, manages focus correctly, and never punishes keyboard users.

• How do you make a Shopify FAQ accordion accessible?
  2026-10-05

  Most FAQ accordions fail the same three tests: the toggle is not a real button, the expanded state is not announced, and keyboard users cannot reach the content. Fix those three and the accordion works for everyone.

• How should a Shopify store make its mega menu accessible?
  2026-10-04

  Mega menus fail keyboard users in predictable ways: hover-only activation, focus that escapes the panel, and links announced without context. Each has a known fix.

• How do you make a Shopify footer accessible?
  2026-10-03

  The footer holds the links shoppers need most: contact, shipping, returns, accessibility statement. An accessible footer means every one of those links works with a keyboard and reads sensibly with a screen reader.

• How do you make a Shopify cart drawer accessible?
  2026-10-02

  The cart drawer is a modal, a live region, and a focus trap all at once. Get any of the three wrong and keyboard and screen reader users cannot check out.

• How do you make a Shopify search drawer accessible?
  2026-10-01

  A search drawer is a modal wearing a costume. Treat it like one: move focus in when it opens, trap focus while it is open, return focus to the trigger on close, and announce results to screen readers.

• How do you make Shopify product variant pickers accessible?
  2026-09-30

  Variant pickers are one of the most-used and least-accessible parts of a product page. Real buttons, announced selections, and a price that updates for everyone.

• How should a Shopify brand handle accessibility during a flash sale or high-traffic event?
  2026-09-29

  Sale banners, countdown timers, and quick-view popups are accessibility minefields. Build the accessible versions before the traffic spike, not during it.

• How should a Shopify brand make its product filters accessible?
  2026-09-28

  Filters are one of the most used and least accessible parts of a store. Make them keyboard-operable, announce changes, and never trap focus.

Should a Shopify brand publish an accessibility conformance report?
2026-09-27

A VPAT-based accessibility conformance report can be a strong trust signal, but only if it is honest, current, and maintained. When publishing helps, when it hurts, and what to put in it.

• Should a Shopify brand fix accessibility issues in-house or hire a specialist?
  2026-09-26

  Split by risk. Your team can fix content and simple markup issues in-house; hire a specialist for complex interactive work and for the independent verification a demand letter will demand.

• How do you make a Shopify mega menu keyboard accessible?
  2026-09-25

  Why mega menus break keyboards, real button and link semantics, the Enter-Escape-arrow pattern, visible focus management, a 30-minute no-mouse test, and the Shopify theme pitfalls to watch.

• What should a Shopify brand do about accessibility during a holiday code freeze?
  2026-09-24

  Lock the tested theme state, keep monitoring running, treat holiday content as the main risk, and queue findings for a January remediation sprint.

• How should a brand re-verify accessibility after a Shopify theme migration?
  2026-09-23

  Treat the new theme as a brand-new site: re-run the full check on every template, confirm every old fix carried over, and reset the evidence baseline.

• How do you test keyboard navigation on a Shopify store?
  2026-09-22

  Unplug your mouse and tab through the whole purchase path. The three things to check: reach, visibility, and traps.

• How long does it take to make a Shopify store ADA compliant?
  2026-09-14

  For a typical Shopify store, about 30 days of part-time development work. The audit itself takes days, the fix sprint takes two to four weeks depending on issue count and...

• Which Shopify accessibility issues should you fix first?
  2026-09-14

  Fix blockers in the purchase path first: controls without names, keyboard traps, inaccessible variant selectors, silent form errors, and cart actions that assistive technology...

• What belongs in a Shopify ADA remediation plan?
  2026-09-14

  A remediation plan should name every confirmed issue, affected template, owner, repair step, target date, and verification method. It should separate theme defects from app and...