How this site adapts to you
You shouldn't have to set anything up twice. Theme, motion and sound follow the settings you already chose on your phone or computer. If you want something different here, open Display in the top bar. Your choice is saved on this device only, and Reset to device settings undoes it in one step.
- Theme. Light or dark follows your device until you pick one.
- Motion. If your device asks for reduced motion, cards fade in instead of sliding, the photo gallery stops scrolling and videos stay paused. You can also reduce motion here even if your device doesn't.
- Sound effects. Off until you turn them on. They never play on keyboard focus, so they won't talk over a screen reader.
- Keyboard shortcut. Pressing A opens Ask AI. You can switch this off in Display if it gets in the way of voice control or other tools.
There is no text size or contrast widget on purpose. Your browser zoom and your device's contrast settings already do this for every site, and this site is built to work with them.
What I designed for
- Keyboard. Everything works with Tab, Enter, Space and Esc. A visible focus ring shows where you are, and a skip link jumps past the navigation.
- Screen readers. Pages use real headings and landmarks. Images have descriptions, chat answers are announced as they arrive, and links that open a new tab say so.
- Zoom. Layouts reflow at 200% and 400% zoom without sideways scrolling.
- Reduced motion. A designed calm version, not just animation switched off.
- High contrast. Focus rings and controls stay visible in Windows contrast themes.
- Urdu. Urdu text is marked as Urdu and reads right to left, so screen readers switch voice and the text lays out correctly.
- Touch. Buttons and links are at least 24 by 24 pixels.
How it was tested
Automated checkers find only part of the problems, so most of the testing is done by hand.
| Check | Status |
|---|---|
| axe automated scan, all 14 pages in light and dark | Done, November 2026 |
| Text contrast in light and dark, fixed to at least 4.5:1 | Done, November 2026 |
| Reflow at 320px wide, the same as 400% zoom, on all 14 pages | Done, November 2026 |
| Keyboard on the home page and a case study, including every dialog and menu | Done, November 2026 |
| Reduced motion and theme switching from Display | Done, November 2026 |
| Phone width, including the menu and Display panel | Done, November 2026 |
| Keyboard on the remaining case studies and posts | Planned |
| NVDA with Chrome and Firefox | Planned |
| VoiceOver on iPhone | Planned |
| Windows contrast themes in Edge | Planned |
Known issues
Being clear about gaps is part of the work. These are the ones I know about:
- Some diagrams in the case studies are images that contain text, and not all of them have a full text version yet.
- The PestWarning case study is under a non-disclosure agreement and needs a password. I can walk you through it on a call.
- If your device asks for reduced motion, sound effects stay silent even when switched on.
- Screen reader testing with NVDA and VoiceOver hasn't been completed yet.
- On the home page, Tab reaches the Contact and See Work buttons before the top navigation.
Standard and feedback
I aim for WCAG 2.2 level AA. The site partially conforms while the known issues above are open. There are no third-party accessibility overlays on this site.
If something doesn't work for you, please email me. I usually reply within two working days, and I'll fix what I can.