ACCESSIBILITY
Read this however suits you.
The reader controls at the top of every page will scale the type, increase the contrast, or quiet the motion. Nothing is locked. Nothing is hidden behind a setting you cannot reach. If the default is wrong for your eyes, change it. The site will remember.
WHAT IS IN PLACE
What we've done so far.
01
Type is set at 17px by default. Bigger on request.
Body copy starts at a comfortable reading size on every device. The reader controls at the top of the page scale it up without reflow surprises. Your browser zoom still works on top of that.
02
Contrast is 21:1 on body copy. We tested it.
Ink on paper, paper on ink. Every text-on-surface combination is audited against WCAG 2.1 AA and AAA ratios. Large text is allowed to breathe lighter. Small text never does.
03
Every image has alt text written by a human.
No auto-generated filler. If a drawing has a fish in it, the alt text says so, in full sentences, with the same voice as the rest of the page. Purely decorative flourishes are marked empty on purpose.
04
Motion stops with one click. Or respects your system setting automatically.
The reader controls include a motion toggle that kills every transition and reveal site-wide. If your operating system already asks for reduced motion, we honour it without being asked.
05
Colour never carries meaning alone. Sale prices have labels.
A red number means nothing on its own. Sale prices carry a text label. Errors carry an icon and a message. Status dots always sit next to the word that names them.
06
Focus shows up. Ochre ring, three pixels, you will see it.
Keyboard focus lands on a deliberate brand mark, not a browser default. Three-pixel offset so the outline sits clear of the element edge. The ochre is WCAG-safe against every ground on the site.
07
Keyboard navigation works everywhere. Tested without a mouse.
Every link, button, form field, and drawer is reachable with tab and returnable with escape. No keyboard traps. The skip link lands you straight in the main content from the first tab press.
08
Screen reader order matches reading order.
Headings cascade without skipping levels. Landmarks are labelled. Live regions announce status changes without stealing focus. Order on screen is order in the DOM.
SHOWN HERE
Proof, not promises.
The claims above use the same tokens you are reading now. Tab into the focus sample. Hold up the contrast swatches to a ruler. Scroll the type scale. If anything reads wrong, say so and it gets changed.
01 / FOCUS
Tab into this.
Three-pixel ochre ring, offset clear of the element. Tested against every ground on the site.
02 / CONTRAST
Ink on paper, paper on ink.
- 21:1 Body on paper
- 18:1 Body on ink
- 9:1 Ink on ochre
03 / TYPE SCALE
Set at 17px. Scales cleanly.
- caption
- 13 / 1.4
- The smallest text the site will set. Labels, dates, counters.
- body
- 17 / 1.7
- Default reading size. Long-form sits on body-l at 18-20px.
- display-s
- 20-32 / 1.15
- A heading rung.
- display-l
- 40-72 / 1.0
- And the top of the scale.
IN HAND
What we are still working on.
Accessibility is not a finished state. These are the things we know are missing, named out loud, with a commitment to progress over perfection.
01
Video captions, once we have videos worth captioning.
02
A dyslexia-friendly reading mode in the reader controls.
03
A printable catalogue PDF with the same contrast and type scale.
04
Audio descriptions on the studio walk-through when it goes live.
REPORTING
Tell us what's broken.
If a page has let you down, a label is missing, a focus ring has gone astray, or a colour sits wrong on your screen, write to us. Name the page, name the browser, name the assistive tool if you are using one. A screenshot is gold. A paragraph is fine. A single line is also fine.
We will fix it.