Accessibility.
WCAG 2.1 AA is our target. Here is what we have built.
Our commitment
We target WCAG 2.1 Level AA across sampo.market. That standard sets a minimum for perceivability, operability, understandability, and robustness.
Where we fall short, we want to know. Email [email protected] with the subject line "Accessibility". We aim to respond within 5 business days.
Color
We use the OKLCH color space across our full palette. OKLCH separates lightness from chroma, which makes contrast ratios predictable across color axes.
All body text meets a 4.5:1 contrast ratio against its background. Headings meet 3:1 at large sizes.
Color is never used as the sole indicator of meaning. Icons, labels, and borders accompany any color signal.
Structure
Every page uses a single h1, followed by a logical heading hierarchy. Skipped heading levels do not appear.
Landmarks are present on every page: header, nav, main, footer, and labeled section elements.
Decorative elements carry aria-hidden="true". Blur circles, ornamental dividers, and illustrative numerals do not appear in the accessibility tree.
Keyboard navigation
All interactive elements are reachable and operable by keyboard alone. Tab order follows reading order.
Focus indicators are visible. We use :focus-visible selectors so focus rings appear only when navigating by keyboard — not on mouse click.
There are no keyboard traps. Pressing Escape closes any open dialog and returns focus to the element that opened it.
Screen readers
Icon-only buttons carry visually hidden text labels. For example, the favorites button announces as "Favorites" and the cart button announces as "Cart".
Product images carry descriptive alt text. Purely decorative images use aria-hidden="true" and an empty alt attribute.
The Sampo logo image is decorative alongside the text wordmark. It carries aria-hidden="true" so screen readers read the wordmark text once, not twice.
Motion
No information is conveyed through animation alone. Any state change that animation signals is also communicated by text or structure.
Transitions are brief. We respect the prefers-reduced-motion media query where present. When a visitor has indicated they prefer reduced motion, transitions are suppressed.
Report an issue
Email [email protected] with the subject line "Accessibility".
Describe what you were trying to do, what happened instead, and the browser and assistive technology you were using. We aim to respond within 5 business days.