Accessibility
Designed With Accessibility in Mind
Accessibility was treated as a baseline requirement throughout the design and build of this concept, not an afterthought.
Color and contrast
Text and interactive elements are designed to meet WCAG-conscious contrast levels, and no information is communicated by color alone.
Keyboard access
Every interactive component — navigation, the product mockup tabs, the support modal and the employee scenario — can be reached and operated by keyboard, with visible focus states.
Structure and semantics
Pages use semantic HTML and a logical heading hierarchy, with ARIA labels and roles applied where they add clarity for assistive technology.
Motion
Animations are subtle by design and respect your operating system's reduced motion preference.