Built to WCAG 2.2 AA, and tested against it.
We want every director who lands here to be able to read the prices, understand the argument and send an enquiry, whatever they are using to do it.
Last updated 20 October 2026.
The statement in full
What this site does
- Every text and background pair is checked against the WCAG contrast ratios, on every surface the colour actually lands on and not just the page background. The violet is used as text only on the two lightest surfaces, where it passes. The light violet is never used as text on a light ground.
- Every page has one main heading and an unbroken heading order, with named landmarks and a skip link to the content.
- Every diagram is an inline vector drawing with a written description for screen readers, not a photograph with a caption. The moving parts of the site, the strips of systems, the orbit of systems on the Agent Models page and the fourteen-step ladder, are plain text and CSS: a screen reader gets the words, and all of it stops under the reduced motion setting on your device.
- Everything works with the keyboard, including the department switchboard on Agent Models and the contact form, with a visible focus mark at every stop.
- Everything works with JavaScript switched off, apart from Nova, the chat, which needs it. Without it the button is simply not there, and the contact form and our email address do the same job.
- Text can be resized to 200 per cent and the pages reflow to a 320 pixel wide screen without sideways scrolling, apart from wide diagrams and the price table, which scroll inside their own box.
- Motion is the moving strips of systems, the orbit, a one-time dim on the ladder, short fades on first view, and drawings that play once when they come into view: the agent run beside the home page headline; the test runs on the six automation pages and About, which have Show all and Replay buttons; and the four stages on About, the payback chart on Pricing and the stack on Agent Models, each finished inside five seconds. Every word in them is in the page from the start, so a screen reader reads the whole of it, and none of the words moves. All of it stops under the reduced motion setting on your device. Nova’s film on the home page has speech, so it never plays by itself; it waits for you to press play, and a written account of what she says is read to a screen reader. On a phone or tablet the orbit of systems on Agent Models turns as a dial from the left edge; under the reduced motion setting a phone shows the systems as a still list instead. On About, the greeting beneath the picture of Hardy and Butler types itself out once, and every word of it is in the page from the start, so a screen reader reads it whole; then the picture lights Hardy and Butler in turn and says what each does, and the two names in it are buttons that hold the light on one of them. Beneath it the agent models on the team turn over one at a time, with a Pause button beside them, and stand still while the pointer is over them. Under the reduced motion setting the greeting is shown whole, both roles are written out and nothing turns over.
- The cookie banner sits at the foot of the screen, does not block the page or take your focus, works from the keyboard with Accept and Reject given the same weight, and does not return once you have chosen.
- Nova, the chat, opens from a button at the foot of every page and works from the keyboard. Before the first question it shows a short card with labelled fields for your name, your email and an optional phone number; a mistake is said in words and the field is marked, not shown by colour alone. In the chat itself: Enter sends a question, Shift and Enter starts a new line, and Escape closes the chat and returns you to the button. Each answer is announced to a screen reader as it arrives. On a phone the chat fills the screen and the page behind it waits until you close it; on a wider screen the page stays usable beside it. The button steps aside while the cookie banner or the phone menu is open, and nothing in the chat moves under the reduced motion setting.
- Tested on 15 September 2026, The Wire’s pages on the same day, in Chrome at 320, 360, 390, 768, 1024, 1280 and 1440 pixels, with JavaScript on and off, with reduced motion on, and in print, using axe-core, Lighthouse, a keyboard walk of every page tested and a measured contrast check of every text colour against the surface it actually sits on. The pages tested were the home page, Pricing, Contact, About, Agent Models, Terms, Privacy, Cookies, this statement, the brand page, the six automation pages for the shared inbox, lead routing, invoice chasing, customer enquiries, quotes and proposals and month-end reporting, and on The Wire the index, an essay, two briefings and two weekly sheets. The cookie banner was walked by keyboard at 360 and 1280 pixels, and the film at the top of The Wire was checked for its controls and for the still that replaces it.
What we know is not perfect
Wide diagrams scroll sideways on small phones rather than redrawing, so some labels are small at the narrowest sizes. The written description of each diagram is available to screen readers; two of the four carry a caption as well.
A message that contains the text of a script tag is refused by our email provider. The form tells you what to take out, and you can email us instead.
This site has not yet been tested with a screen reader. It has been built for one, and checked by keyboard, by automated checker and by inspection of the markup a screen reader reads.
The switch drawn on the Brake card in the oversight section is decoration. Its knob is low contrast against its track, which is why the card carries a heavier border and the word Brake, and why screen readers are not told about the switch at all.
Tell us
If something on this site does not work for you, email hello@hardyandbutler.ai and say which page and what happened. We will fix it or send you the content another way, within one working day.