I've built this site with everyone in mind.
Whether you use a keyboard, a screen reader or just prefer things to sit still, you should be able to find what you need without a fight.
I've spent 25 years making websites, and I still don't think accessibility is a box to tick. It's part of doing the job properly.
Accessibility features
Access keys
Access keys are keyboard shortcuts for the main navigation:
| Access Key | Shortcut |
|---|---|
| H | Home |
| A | About |
| C | Case Studies |
| N | Notes |
| T | Contact |
How you trigger them depends on your browser:
| Browser | Shortcut |
|---|---|
| Safari (Mac) | Control + Option + Key |
| Chrome (Mac) | Control + Option + Key |
| Firefox (Mac) | Control + Option + Key |
| Chrome (Windows) | Alt + Shift + Key |
| Firefox (Windows) | Alt + Shift + Key |
| Edge (Windows) | Alt + Key |
Not every browser supports access keys, sadly. That's out of my hands.
Semantic HTML
Pages use proper semantic elements, such as header, main, article and footer, so screen readers know what's what.
Headings
Every page starts with a single H1, and the headings below it follow a logical order.
Colour contrast
Colours meet WCAG AA contrast levels as a minimum.
Screen readers
I've added ARIA labels where they're needed. Embedded content from third parties has a title attribute, so screen readers get some context.
Images and media
Images and media have text alternatives, so nobody misses out on what they show.
Reduced motion
If you've switched on "reduce motion" in your device settings, animations won't play.
Let me know if something's not right
I'm always improving this site, but I'm only human and I will get things wrong. If anything is hard to use, or you've got an idea that would make it better, please get in touch.