WCAG 2.1.1: Keyboard

Level A

Quick answer: Everything needed to browse, configure, and buy should work with a keyboard alone.

This criterion is frequently cited in US ADA lawsuits. This criterion is frequently cited in US ADA lawsuits because drawers, filters, swatches, and custom dropdowns routinely block keyboard users from adding items to cart or finishing checkout.

In the US, WCAG 2.2 Level AA is the de facto standard for ADA compliance. That is why this criterion matters for Shopify, WooCommerce, Magento, Wix, Squarespace, Webflow, BigCommerce, and custom storefronts selling to US consumers.

Why this criterion matters in US cases

Robles v. Domino's is the clearest US reminder that inaccessible digital ordering flows create ADA exposure. Keyboard access is central to that problem because users must be able to navigate menus, forms, carts, and checkout without a mouse.

Common violations on US ecommerce sites

Variant swatches respond only to mouse clicks.
Mini-cart drawers cannot be opened or closed from the keyboard.
Image zoom controls are drag-only with no keyboard alternative.
Custom dropdowns in checkout ignore arrow keys and Enter.

How to fix it

Use native buttons, links, inputs, and selects whenever possible.
Add keyboard handlers that mirror pointer interactions for custom widgets.
Verify every path to purchase works with Tab, Shift+Tab, Enter, Space, and arrow keys where expected.
Retest after each app install or theme update.

Start with the live customer journey, not design mocks. Audit homepage, collection, product, cart, account, and checkout-adjacent flows first because those pages create both legal risk and direct revenue loss.

Code example

<button type="button" class="wishlist" aria-label="Save item">♡</button>

FAQ

What is WCAG 2.1.1?
Everything needed to browse, configure, and buy should work with a keyboard alone.

Why does this matter for US ecommerce ADA compliance?
This criterion is frequently cited in US ADA lawsuits because drawers, filters, swatches, and custom dropdowns routinely block keyboard users from adding items to cart or finishing checkout.

What standard do US online stores use?
In the US, WCAG 2.2 Level AA is the de facto standard used to evaluate ADA compliance for ecommerce sites.

Check if your US store passes WCAG 2.1.1 → Free ADA Scan — Check Your US Store Now