Commitment
Accessibility
A dial is a hard thing to make accessible. Here is exactly what we did about it, and what is still imperfect.
Effective date 2026-09-05
1. The standard we aim at
We aim to meet WCAG 2.1 Level AA across the whole site. Where we fall short of it we would rather say so on this page than leave you to find out.
2. Colour and contrast
Every text colour used on the site was measured against its background using the WCAG relative-luminance formula, not estimated. Body text runs at 5.69:1 or better against the page, headings at 16.93:1, links at 5.17:1, and text on the deep blue panels at 9.06:1. The measured figures are recorded in a comment at the top of the stylesheet so they can be checked.
The two pale tokens in the palette are decorative. They fill diagram arcs and panel grounds and never carry text.
3. The dial does not rely on colour
The five arcs of the cycle diagram are filled with five different patterns — diagonal hatch, dots, a wave, vertical rules and a solid fill — as well as five different tones. If the blues are indistinguishable to you, the shapes are not.
4. The dial has a written equivalent
A ring on its own is not readable by everyone, so beside every diagram there is a visible plain-text list of each stage and its pair count, with the same pattern swatches. It is not a screen-reader-only fallback; it is on the page for everybody. The diagram itself also carries a text alternative naming every stage and figure.
5. The frequency slider works without a mouse
It is a native range input, so arrow keys move it, Home and End jump to the ends, and it takes focus in the normal tab order. It carries an aria-valuetext that reads out the frequency in words and the resulting range in pairs, rather than an index number. Beside it there is a numeric input that accepts the figure directly if you would rather type it.
6. Elsewhere on the site
- A skip link to the main content is the first thing in the tab order.
- Focus is always visible, as a ring in the accent colour with an offset.
- Headings run in order and every page has one h1.
- Every control has a label; icon-only controls have accessible names.
- Images that carry meaning have descriptive alternative text; decorative ones are hidden from assistive technology.
- Text reflows to 320px without a horizontal scrollbar and survives 200 percent zoom.
- Nothing moves, flashes or auto-plays. If your system asks for reduced motion, the few transitions there are stop.
- The site works with browser text sizing and with a stylesheet of your own.
7. Known imperfections
- The cycle diagram is information-dense. On a narrow screen the small arcs drop their inline figures; the written list beside it always carries them.
- Where a stage rounds below one pair the diagram cannot show an arc for it. The written list says under 1 instead of a bare zero.
- Long policy pages have no in-page table of contents yet. It is on the list.
8. Telling us
Email support@londonsockcomp.shop or call +44 20 3879 4558. Say what you were trying to do, what stopped you, and what you were using. We reply within two working days and will tell you what we can fix and when.
If you would like a result read to you or sent in another format, ask and we will do it.
9. This statement
Prepared on 2026-09-05, based on our own testing with a keyboard, a screen reader, browser zoom and measured contrast values. It is reviewed whenever the interface changes. Nothing on this page affects your rights under the terms of service.
