how this site is built to be used

body text on the page background

13.9:1

secondary text

8.0:1 or better

primary call to action, dark text on terracotta

8.3:1

our floor for any text

4.5:1

our floor for a primary action

7:1

The three suitability grades — suitable, usable, not advised — are the central mechanism of this site, and they are always written out as words. Colour and a strikethrough are added on top of the word, never in place of it, so the grade survives being read aloud, printed in black and white, or seen by somebody who does not distinguish the two colours.

• Every control is reachable and operable with a keyboard alone, in a sensible order.
• The focus outline is never removed. It is a 2px terracotta ring with an offset, visible against every background used here.
• A skip link is the first focusable thing on every page.
• The hero scene selector is a tab list: left and right arrows move between scenes, and only the selected tab is in the tab order.
• Form errors are announced, associated with their field, and focus moves to the first invalid field on a failed submit.

• The hero rotates every 6 seconds — above the 5 second minimum — and carries a pause control that is always visible, not revealed on hover.
• With prefers-reduced-motion set, the hero does not rotate at all: it stops on the first scene, the drift stops, and the rain video is not loaded.
• The opening frame plays once, on a first visit only, can be dismissed with Escape or a click, and does not appear at all under reduced motion.
• The custom cursor is only applied on a fine pointer with hover, and never under reduced motion. The class that hides the system cursor is added by the script itself, so if the script does not run the normal cursor is untouched.
• No animation flashes, and nothing moves for longer than it takes to arrive.

The rain texture over the hero is decorative, muted, marked hidden from assistive technology, and loaded only on large screens.

• One h1 per page, headings in order, and landmarks for header, navigation, main and footer.
• Every meaningful image has alternative text describing what it shows; decorative images are marked as decorative rather than given filler text.
• Tables of measurements have captions and row headers, so a screen reader can say which size a figure belongs to.
• Text reflows to 320px width without horizontal scrolling, and wide tables scroll inside their own container rather than the page.
• Zoom to 200% does not lose content or function.
• Link text says where it goes; there is no "click here".

• No third-party audit has been carried out yet. Everything above is our own testing with a keyboard, a screen reader and reduced motion.
• The site is in English only. French legal terms are kept in French where that is their legal name, with the English explanation next to them.
• Product photography is generated rather than photographed; the alternative text describes the garment, which is what matters, but there is no photograph of a garment on a person.
• The measurement tables are long. We have not yet added a way to compare two sizes side by side without scrolling.

If you hit a barrier, tell us: support@ouestactive.online or +33 6 37 36 59 74, Monday to Friday, 09:00–17:00 (Europe/Paris). Describe what you were trying to do and what got in the way, and we will fix it and reply. If you would rather order by telephone because the site does not work for you, we will take the order that way.

Related: contact and mentions légales.