What we have done
Nothing is conveyed by colour alone
Every trade bar carries its trade name as text and its own pattern — diagonal, dotted, cross-hatch, and so on. Two trades never share a pattern. The board reads correctly in greyscale, in print, and to a screen reader.
Contrast is measured, not estimated
Body text is 13.78:1 against the page background, well above the 4.5:1 required. The seam colour used for consequence lines measures 4.61:1 and passes for normal text. The grey used for large labels and rules measures 4.38:1, so it is restricted to text at 24px or larger, where the requirement is 3:1, and is never used at body size. Trade colours are used as graphics and as pale tints behind text, never as text themselves; text on a tinted bar measures above 11:1. These figures are recorded in the stylesheet.
Everything that drags can also be typed
The reordering on the home page works with a mouse, with touch, and with the keyboard. Each bar is a button: arrow keys move it earlier or later, Home and End send it to the ends, and there are two always-visible move controls next to every bar. Focus follows the bar you moved, and the result is announced to assistive technology.
Every sequence has a text version
Each board has a Read it as text control that lists every trade in order, what it is responsible for, the reason it cannot move, where a gap cannot happen, what one person can cover, what is worth asking about, and what the tool cannot know. Nothing in the diagram is missing from the text.
It prints
There is a print stylesheet, because the point of the sequence is to take it to a conversation. Navigation, controls and decorative artwork drop away; the order, the reasons and the text version remain.
Other things
- A skip link to the main content on every page.
- Visible focus outlines that are never removed.
- Headings in order, landmarks on every page, and labels on every form control.
- Motion is minimal, and everything respects prefers-reduced-motion.
- Text reflows to 320px without horizontal scrolling, and can be zoomed to 200% without loss.
- Every image has alternative text, and no information exists only inside an image.
- The two cookie options are identical in size, weight and prominence.
Known limitations
- Long sequences are wide on small screens. The bars scroll within their own container rather than scrolling the page sideways, but the text version is the better route on a phone.
- The library artwork is decorative and marked as such. Where a figure carries an idea, that idea is also written out in the caption or the surrounding text.
Tell us
If something here does not work for you, email support@ispinstallation.shop and describe what happened and what you were using. We treat accessibility reports as defects, not as feature requests, and we will tell you what we are doing about it.