How to Make Shopify Size Charts WCAG-Accessible
ADA / EU Accessibility Act compliance. WCAG 2.1 AA baseline.
The Checklist
Semantic HTML. Use proper table markup with thead/tbody/th. Screen readers announce row + column headers correctly.
Keyboard navigation. Tabs, modals, popups all keyboard-reachable. Arrow keys move between table cells. Esc closes modal.
Focus management. Open popup → focus moves into popup. Close popup → focus returns to triggering button.
Color contrast. 4.5:1 minimum for body text. 3:1 for large text. Tested in light + dark mode.
aria-labels. Every icon button has an accessible name. Toggle states announced.
Tailor Size Guide Compliance
Built WCAG 2.1 AA from day one. Audited with axe DevTools + manual NVDA / VoiceOver / JAWS testing. ADA compliance attestation available on request.
FAQs
Size charts need accessibility?
Yes — legal + ethical.
WCAG-compliant?
Yes — 2.1 AA by default.
Accessible by default
Tailor Size Guide ships WCAG 2.1 AA — no extra work to comply.