Skip to main content

Accessibility for designers

Accessible design is a core requirement at Shoptet. This guide provides designers with clear accessibility criteria for components and layouts, ensuring they work for all users, including people with disabilities. Our baseline is the Web Content Accessibility Guidelines (WCAG) 2.2, target Level AA.

If you’re an engineer, see the accessibility guidelines for developers.

Contents​

  • Color and Contrast — Contrast requirements for text and UI components, and rules for conveying information without relying on color alone.
  • Typography — Text size, line height, spacing, font weight and alignment guidelines for readable and accessible type.
  • Component Design — States, icon-only buttons, input labels, error states, touch targets and visual consistency across components.
  • Layout and Structure — Reading order, heading hierarchy, spacing, hover interactions and responsiveness.
  • Predictability and Consistency — Consistent patterns, predictable interactions, navigation and terminology across the interface.