Shopify Accessibility Conformance Report WCAG Edition

The Checkout process includes:

• Collection of personal information
• Determining the Shipping method and cost
• Collection of payment information including credit card data
• Confirmation and validation of provided data
• Estimating and providing shipment details/timeline of arrival

• Remediation is on-going with issue tickets yet to be addressed, noted within the Remarks and Explanations sections.
• Usability test sessions are completed quarterly.
• WCAG Level AAA is not supported, thus this table has been omitted from the report.
• Previous release of this document was published November 2019.

Manual tests are completed by working through Shopify’s Accessibility Assessment Checklist. This list includes items which reflect the latest WCAG standards.

Usability test sessions with people with disabilities are conducted post remediation, contracted out to third-party organizations who specialize in this space.

• Level A (Yes)
• Level AA (Yes)
• Level AAA (No)

• Level A (Yes)
• Level AA (Yes)
• Level AAA (No)

1. Store logo image does not apply Merchant supplied alt text.
2. Third-party credit card images are missing alternative text.
3. Shop QR code missing text alternative.

1. (Mobile) Order summary control may convey incorrect state.
2. Vaulted section control may feature an overly verbose label.
3. Tooltip controls may convey incorrect state.
4. Visible item quantity label skipped by screen reader while using a mouse.

1. Sidebar (order summary/discount) content is positioned after the footer content in the document.

1. Some interactions may lose keyboard focus upon activation.
2. ​​“Download Shop” app popup does not provide a method to dismiss via keyboard.
3. Footer modal windows do not dismiss on Esc keypress.

1. Primary CTA (Call To Action) and “Return” control focus order does not match visual order.
2. Address autocomplete suggestions may be difficult to reach via screen reader virtual cursor.
3. Interstitial loading screen message content does not receive focus to convey status.

1. Some custom keyboard functionality uses the keydown event.

1. Tooltip content opens on keyboard focus.

1. On the Customer Information form, if a returning customer’s Email address is recognized, a modal context is presented, switching context from the input to the modal window automatically.
2. Warnings for links which open a new window may be missing.

1. Phone fields reference the first instance of a phone field which may mislabel subsequent fields.

1. Invalid markup (element nesting) may exist in the document.
2. Invalid order of fieldset/legend may not convey legend text as expected.

1. Some elements may feature incorrect use of ARIA.
2. Visually hidden content within table markup may be skipped by screen readers.
3. Shop Pay SMS dialog missing attributes to convey context.
4. “Download Shop” app popup missing attributes to convey context.
5. “Download Shop” app popup QR code image missing role.

1. Some text and labels may feature insufficient contrast.

1. Viewport meta element prevents viewport zoom.

1. Input borders feature insufficient contrast.
2. Focus rings may feature insufficient contrast.
3. “Download Shop” app popup QR code image may not be visible in High Contrast themes.

1. Focus rings may be inconsistent, difficult to see, or non-existent (invisible for some High Contrast themes).

1. Visually hidden status message text may be discoverable out of context.
2. Interstitial loading screen status message is not announced.