How this site is built for access
Helping people use technology is my job, so this website should practice what I preach. Here’s what that means, in plain language, and a model you’re welcome to borrow for your own site.
Choices you can see
- Display preferences. The “Display” button in the header lets you make the text bigger, add breathing room between letters and lines, or turn up the contrast. Your choices are saved on your device and stick as you move between pages.
- A skip link. If you navigate by keyboard, press Tab once on any page and a “Skip to main content” link appears so you don’t have to step through the menu every time.
- Visible focus. As you tab through the page, whatever is selected gets a clear outline, so you always know where you are.
- Dark mode and reduced motion. The site follows your device settings: it switches to a dark theme if you prefer one, and turns off its animations if you’ve asked your device to reduce motion.
Choices under the hood
- Real structure. Headings, landmarks, and lists are marked up semantically, so screen readers can navigate by section instead of reading top to bottom.
- Everything works by keyboard. Menus, buttons, and even the cats hiding in the footer can be reached and operated without a mouse.
- Color is never the only signal, text contrast meets WCAG AA, and the site is one fast page with no pop-ups, autoplay, or blinking anything.
- It works without JavaScript. Every page reads fine with scripts turned off; the display panel is an enhancement, not a requirement.
Found a barrier?
Accessibility is never finished. If anything on this site is hard for you to read, navigate, or operate, I genuinely want to know. Email me and I’ll fix it.