How this site is built

The first thing Tab reaches is a "Skip to content" link. After that, focus moves in the same order you read the page, and every link and button shows a terracotta focus ring.

The project cards are one link each, on the title, so you don't tab through every number on a card. The AI assistant closes with Esc and puts focus back where you were. On phones it covers the screen, so Tab stays inside it until you close it.

Every page has one main heading, and headings go in order. The page is split into landmarks (navigation, main content, footer), so you can jump between them.

Case study screenshots have alt text that says what's on the screen, not just "screenshot". Decorative images, like the dots behind the homepage title, are hidden from screen readers. Links say where they go, and say so when they open a new tab. The assistant's answers are read out when they finish.

What I haven't done yet: a full pass with VoiceOver and NVDA on this version of the site. That's next, and I'll update this page when it's done.

If your device is set to reduce motion, the site does too. Scrolling goes back to your browser's normal scrolling, the dots behind the title stay still, the ring that follows the mouse doesn't appear, and nothing fades in. Everything is on the page from the start.

The ring only shows with a mouse or trackpad, and it sits next to your normal cursor. It never replaces it.

Every page works at 320px wide without scrolling sideways, which is what a page looks like at 400% zoom on a laptop. Text sizes are in rem, so your browser's font size setting changes them.

You can use it with just a keyboard. It only answers from my case studies and resume, and when it doesn't know something it says so and gives my email instead of guessing. If it can't answer at all, the error says what happened and how to reach me.

The eye button in the top bar shows the page roughly the way someone with low vision or a type of colour blindness sees it. It uses published colour vision models, applied to the page content. It's a quick way to feel why contrast and labels matter. It's not a replacement for testing with people who live with these conditions.