Policy
Accessibility statement
This site is a page of figures. If the figures are only available as a picture, it does not work. Every chart here states its numbers as text as well, always visible, never behind a toggle.
Last updated 5 September 2026
1The standard
Perwear aims to meet WCAG 2.1 Level AA throughout. The site is built with semantic HTML, landmarks and headings in order, a skip link, visible focus styling on every interactive element, and text that reflows to 320 CSS pixels without horizontal scrolling.
2Measured contrast ratios
These were measured with the relative-luminance formula in WCAG 2.1 §1.4.3, not assumed. They are also recorded in a comment at the top of the site’s stylesheet.
| Pairing | Ratio | Result |
|---|---|---|
| Body text (ink) on page background (ledger) | 14.66:1 | AAA |
| Body text (ink) on card background | 15.56:1 | AAA |
| Secondary text (ink-soft) on page background | 4.99:1 | AA |
| Secondary text (ink-soft) on card background | 5.29:1 | AA |
| Green on page background | 6.99:1 | AA |
| Green on card background | 7.42:1 | AA |
| Red on page background | 6.23:1 | AA |
| Red on card background | 6.62:1 | AA |
| Button label on green button | 6.99:1 | AA |
| Comparison bars (neutral) on page background | 3.29:1 | AA, non-text |
The two lightest tones in the palette are restricted by rule. The neutral grey is used only for graphics — comparison bars and chart strokes — where the non-text threshold of 3:1 applies, and the ruling tone draws hairlines that carry no information on their own. Neither is ever used for body text.
3Charts have written equivalents
- The cost-per-wear bars are marked as presentational and hidden from assistive technology. The same figures — price entered, estimated wears, cost per wear, and cost per wear at the chosen frequency — appear immediately beneath as a data table with proper row and column headers.
- The break-even chart is likewise presentational, and is followed by a written statement of the crossing point: the wear number, the number of weeks it represents at the chosen frequency, and what that means.
- Each pair is distinguished by a hatch pattern and a written label as well as by colour, and the pattern is named in the table, so nothing depends on telling two fills apart.
- The one accent colour in the charts marks a single semantic fact — the highest cost per wear — and that fact is also stated in words.
4Controls and keyboard use
- The wearing-frequency control is a native range input, so it responds to arrow keys, Home, End, Page Up and Page Down.
- The same value has a number field next to it, for anyone who would rather type it, and a row of preset buttons for anyone who would rather not do either.
- Every change to the frequency is announced through a live region, so the new comparison is read out rather than only redrawn.
- All form fields have persistent visible labels, not placeholder-only labels.
- Focus is never trapped, and the cookie notice can be dismissed from the keyboard.
5One-handed use
The situation this is built for is standing in a shop with a pair of socks in one hand and a phone in the other. On small screens the frequency control is pinned to the bottom of the viewport while the comparison is on screen, so it stays within thumb reach; tap targets are at least 44 by 44 CSS pixels; and no part of the flow requires two hands, a drag gesture, or a gesture with more than one contact point. The slider can always be replaced by typing a number or tapping a preset.
6Motion and theme
There is no autoplaying media and no parallax. Where a transition exists it is short, and it is removed entirely for anyone whose system requests reduced motion.
Why there is no dark theme
The interface is a page of ledger paper, and ledger paper is cream. Inverting it would either break that or force the two semantic colours — the green used for the primary bar and the red that marks the highest cost per wear — away from the values they are fixed at, which would take them below their measured contrast ratios.
The site therefore declares a light colour scheme explicitly, so that a browser or extension does not invert it automatically and produce a result nobody has measured. If you need a dark presentation, a system-level or browser-level inversion applied by you will work, and text remains selectable, resizable and reflowable throughout.
7Known limitations
- The comparison is calculated in the browser and needs JavaScript. Without it, the method and the coefficient table are still fully readable, but the interactive comparison will not run.
- The coefficient tables and the cookie table scroll horizontally inside their own container on narrow screens. The page itself never scrolls sideways.
- Uploading photographs requires a file picker or a camera, which some assistive setups make awkward. If that is a barrier for you, write to us and we will take the details another way.
8Reporting a barrier
If something here does not work for you, tell us and we will fix it. Write to support@corgihosiery.shop or call +44 1269 590920, Monday to Friday, 09:00–17:00 UK time. We acknowledge within one working day and will tell you what we are going to do and when.
If you are not satisfied with our response, the complaints route is on the support page.