Anyone should be able to read this, so here is the work.

01 / What has been done

Landmarks and headings in order

Every page is one header, one main region and one footer, each announced as what it is. Headings step down in order and none is skipped, so the outline a screen reader reads out is the same structure you can see.

A skip link, first thing

The first stop for the keyboard on every page is a link straight to the content. It is invisible until it is focused, then it sits over everything, and it works before any other key is pressed.

Focus you can actually see

A gold ring, two pixels thick and set a little away from the element so it is not swallowed by it, on every link, field and button. It is never removed to make a page look tidier.

Nothing here needs JavaScript

These pages are built into files in advance and ship no script at all. The small screen menu is a native disclosure element, the forms are plain HTML forms, and if script is blocked, broken or slow, not one word on this site becomes unreachable.

Contrast and size, measured rather than assumed

A script measures every colour the design uses against the surface it sits on, which is why the gold on the light page is darker than the gold on the dark one. Body copy is never set below sixteen pixels and a small capital label never below twelve. A button, a field or a link standing on its own is given a target at least forty-four pixels tall; a link inside a sentence is part of that sentence and keeps the size of the words around it.

Motion that stops when you ask

Movement is short, has one easing, and is only ever an underline growing or a colour settling. When your device says you prefer reduced motion, the site believes you: durations drop to nothing and smooth scrolling is turned off.

Photographs described

Every photograph in the library carries a description written for it, saying what is in the frame rather than repeating the caption. Images that are decoration only, such as the mark in the header, are hidden from screen readers instead of being announced twice.

Six real screen widths, designed rather than shrunk

From a folded phone cover screen at three hundred and forty four pixels up to a desktop, each layout is designed for that width rather than made smaller to fit it. A browser test opens the pages at those widths and the release checks do not pass if anything runs off the side of the screen or has its text cut off. The build itself does not run that test, so it is a gate before release rather than a lock on the code.

02 / What is not finished

This site is not finished and this page will not pretend otherwise. These are the gaps that are known about today.

• The sign-up and the enquiry form are on their pages so you can see what they ask, but neither is switched on, so neither keeps what you type. Both say so where you would type, and the contact page carries an address that works in the meantime.
• No independent audit has been done, and nobody who uses a screen reader every day has been paid to sit with the site and tell us what is wrong with it. That is the next thing worth doing.
• Some photograph descriptions are serviceable rather than good. They say who is in the frame; they do not always say what the moment was.
• The writing area he will publish from is not built yet. When it is, it has to meet this same standard, and that work has not been done.
• There is no audio or video here yet. When there is, a transcript goes with it or it does not go up.

03 / Tell him what is broken

Write to him and say which page it was, what you were using to read it, and what happened instead of what you expected. A report that names one page and one thing that went wrong is worth more than a general complaint.

The enquiry form on that page is not switched on yet, so the address printed above it is the one that works. If a page is keeping you from something you need rather than merely annoying you, put that in the first line.