Accessibility

What's in place

• Every control can be reached and operated from the keyboard, and the focus outline is defined globally rather than left to the browser, so it survives wherever it lands.
• Every interactive target is at least 44 by 44 pixels, including the ones that look smaller than that.
• Colour never carries meaning on its own. Each of the five domain colours always appears with its name in text.
• The capacity control is a real tab list: arrow keys move between the two options, it wraps, and only the selected option is in the tab order.
• A skip link is the first thing in the tab order on every page.
• Motion is minimal, and what there is stops entirely if your system asks for reduced motion. Nothing moves on its own, nothing autoplays, and nothing flashes.
• The pages work with JavaScript off. The crisis page ships none at all, and the homepage renders its full content before any script runs.
• Text reflows to 320 pixels wide without a horizontal scrollbar, and can be zoomed to 200% without losing content.

Contrast

Text contrast was measured on the built pages rather than estimated from the design. Body and supporting text sit between 5.3:1 and 16.8:1 against every surface they appear on; the amber used for buttons and links measures 7.9:1 either way round. AA asks for 4.5:1 for ordinary text.

Two pairs were below that when the site was first built — the inactive label on the capacity control at 4.32:1, and the note underneath it at 4.13:1. Both have been corrected and now measure 4.6:1 and 5.7:1.

Known problems

Being specific here is the point of the page.

• This site has not been tested with screen readers by the people who rely on them. It has been built to the standard and checked in the browser, which is not the same thing, and it is the gap most likely to be hiding something.
• The app itself has not had the same measurement pass as this site. Where the two disagree, the app is the one that hasn't been checked.
• The crisis resources are UK-only. If you are outside the UK, that page will not give you a number you can call, which is an accessibility problem as much as a coverage one.

Telling us something is wrong

Write to hello@mindsthatwander.com. Say what you were trying to do, what happened, and what you were using if you know — but a message that just says "the thing on the front page doesn't work with my screen reader" is enough and is genuinely welcome.

We aim to reply within five working days, and to say what we're going to do about it rather than only that we've received it. If we can't fix something quickly, we'll say so and put it on this page under "Known problems" in the meantime.

Diverge is responsible for this site's accessibility. If you are not satisfied with how we respond, you can contact the Equality Advisory and Support Service at equalityadvisoryservice.com.

How this was checked

Contrast ratios were calculated from the colours in the built stylesheet. Keyboard paths, the capacity control and the beta form were driven by hand in a browser rather than inferred from the markup. Layout was checked for horizontal overflow at twelve widths from 320 to 1920 pixels.

Automated checks catch a minority of accessibility problems. Everything above is what was actually done, and the list under "Known problems" is what it did not cover.