Accessibility

Accessibility statement

We design Bettr. Sauna to be usable by everyone — across keyboards, screen readers, and a wide range of devices.

Last updated April 26, 2026

Our commitment

Bettr. Sauna is committed to making our website usable by as many people as possible. We design and build to align with the Web Content Accessibility Guidelines (WCAG) 2.2 at Level AA. We treat accessibility as an ongoing responsibility, not a one-time project, and continue to test, learn, and improve.

Conformance status

This site is currently partially conformant with WCAG 2.2 Level AA. Partially conformant means that some parts of the content do not yet fully meet the standard. We are actively working to close those gaps.

What we've built

The following accessibility features are implemented across the site:

Visual

  • Color contrast meets WCAG AA (4.5:1 minimum) for body text and UI components.
  • High-contrast mode support — text and borders adapt for users with prefers-contrast: more.
  • Forced-colors mode (Windows High Contrast) honored — focus rings use system ButtonText.
  • Layout shifts minimized — explicit dimensions on images, tabular numerics on prices.
  • The oversized "Bettr." watermark in the footer is intentionally low-contrast — it's a decorative graphic flag-marked aria-hidden="true" so screen readers and assistive technology skip it. Automated audits may flag its contrast ratio; the underlying content is fully reachable in the regular footer text and links above.

Keyboard and focus

  • Every interactive element is reachable and operable by keyboard.
  • Visible focus rings via :focus-visible — no outline removal.
  • Skip-to-content link available at the start of every page.
  • Modals and drawers use the native HTML <dialog> and Popover APIs, which provide built-in focus trapping, Esc-to-close, and focus return.
  • Touch targets meet WCAG 2.5.5 (44×44 px minimum) on all primary actions.

Screen readers and semantics

  • Semantic HTML throughout — headings follow a logical outline (one H1 per page, no skipped levels).
  • Decorative SVGs marked aria-hidden="true" and focusable="false".
  • Meaningful images have descriptive alt text; purely decorative images use empty alt.
  • Form inputs have associated labels (visible or visually-hidden).
  • Dynamic regions (cart updates, gallery changes) announce via ARIA live regions.
  • Custom carousels use proper tablist / tab / tabpanel roles where appropriate.

Motion and timing

  • Animations and transitions respect prefers-reduced-motion: reduce — content reveals instantly, hover lifts and view-transition morphs are suppressed.
  • Auto-advancing carousels and timeouts honor reduced-motion preferences.

Forms

  • Validation feedback uses :user-valid / :user-invalid — error states only appear after the user has interacted with a field.
  • Inputs declare autocomplete, inputmode, and spellcheck attributes appropriately.
  • Error messages use ARIA live regions so screen readers announce them.

Compatibility

The site is designed to be compatible with the latest versions of:

  • Google Chrome, Apple Safari, Mozilla Firefox, and Microsoft Edge
  • iOS VoiceOver and macOS VoiceOver
  • NVDA on Windows
  • TalkBack on Android

The site uses progressive enhancement so older browsers and assistive technologies still receive a functional experience, even where some visual polish is reduced.

Known limitations

We're transparent about what's not yet perfect:

  • Some product imagery is purely decorative and may have minimal alt text.
  • Third-party embedded content (e.g. payment provider widgets at checkout) is not under our direct control and may have its own accessibility characteristics.
  • We continue to test and refine the comparison modal and gallery experiences across screen readers.

Feedback and accommodations

If you encounter any accessibility barrier on this site, or you need information in a different format, please get in touch. We aim to respond within 2 business days.