Accessibility

WCAG 2.1 Level AA. It is checked while the site is being built rather than audited afterwards, and the measurements below are taken from the actual colour values rather than estimated.

The route uses three tiers — above eye level, at eye level, below eye level — and a fourth state for things you cannot see today. Each one is shown three ways at once: a distinct shape (triangle, square, diamond, open ring), a written label, and a tone.

The tone is the least important of the three and is there to help rather than to inform. If you cannot separate the tones, nothing is lost.

The three tier tones encode position, not quality. Violet is not worse than green. Nothing on this site uses colour to indicate that something is wrong, because this site never says that anything is wrong.

Every ratio below is measured, not estimated, against the page background:

• Body text: 14.62:1
• Secondary text: 4.86:1
• Above eye level: 5.01:1
• At eye level: 5.60:1
• Cannot see today: 5.53:1
• Below eye level: 4.50:1

The last of those falls a fraction below the 4.5:1 needed for normal-size text. The palette is fixed and cannot be changed, so that tone is confined to marker shapes and to large bold labels, both of which need 3:1. Every route item, in all four tiers, sets its text at 14.62:1.

• Everything is reachable with a keyboard, in a sensible order, and there is a skip link to the main content.
• Focus is always visible: a solid two-pixel outline in the ink tone, offset from the element.
• Headings run in order and are used for structure rather than for size.
• Tables carry captions and row and column headers. The route-card canvases carry a text alternative, and the full written route is on the page beside them.
• Every image carries alt text, and decorative ones are hidden from screen readers.

The only movement on the site is the hero revealing the upper and lower tiers, and the loading line drawing itself. Both stop entirely if your system asks for reduced motion — the tiers are simply shown lit from the start. Nothing flashes, and nothing moves on its own for longer than a second.

The pocket version is the part that gets used standing in somebody else’s house. It is one screen per room with no scrolling, set at a size readable at arm’s length, with large tap targets, and it keeps working once the page has loaded even where there is no signal.

There is a real print stylesheet. Pages print in one column on A4, links print with their addresses spelled out, navigation and banners are dropped, and the tier markers stay distinguishable in black and white because they are different shapes.

Tell us and we will fix it: support@jamesagent.shop or +44 7742885955. Say what you were trying to do and what got in the way. We answer within one working day, and accessibility problems go to the front of the queue.