Skip to main content

Accessibility for engineers

Inclusive experiences are a core requirement at Shoptet. This guide gives our React engineers clear accessibility criteria for design-system components and app features, ensuring they work for all users, including people with disabilities. Our baseline is the Web Content Accessibility Guidelines (WCAG) 2.2.

If you’re a designer, see the accessibility guidelines for designers.

Contents​

  • HTML and Page Structure — Semantic HTML, landmarks, buttons vs links, form labeling, images and page structure.
  • Keyboard, Pointer and Touch — Keyboard navigation patterns, focus management, pointer cancellation and touch target requirements.
  • ARIA Usage — When and how to use ARIA roles, states, labels and live regions correctly.
  • Visual Presentation — Implementation requirements for text resizing, reflow and text spacing.
  • Accessibility Testing — Keyboard testing, automated tools, browser DevTools and basic screen reader checks.