Made for everyone

Conformance target

This portfolio targets WCAG 2.2 Level AA, with body text contrast meeting AAA across all three themes (Paper, Ink, and Press).

What’s in place

• Semantic HTML5: every page uses landmarks (header, nav, main, article, aside, footer).
• A skip link is the first focusable element on every page.
• One h1 per page; heading levels never skip.
• All images have descriptive alt attributes (or empty alt="" when decorative).
• All interactive elements have a visible focus state, a single, consistent outline ring across the whole site.
• Three themes, including a high-contrast Press mode reachable in one click from the footer.
• Animations respect prefers-reduced-motion; transitions reduce to 0.01ms when set to “reduce.”
• Color preferences respect prefers-color-scheme by default, and the user’s explicit choice is persisted.
• External links are marked with rel="noopener" and a visible ”↗” indicator.
• Print stylesheet: every case study prints as a clean PDF with link URLs as footnotes.

No animations by design

This site contains no decorative animations or motion effects. Many people find motion distracting, disorienting, or physically uncomfortable, and animations can also hurt navigation clarity and page performance. Removing non-essential motion entirely felt like the stronger commitment.

How we test

• Automated: axe-core via Playwright on every pull request.
• Lighthouse CI: accessibility score budget set to 100.
• Manual keyboard test: Tab, Shift+Tab, Enter and Esc on every page before release.
• Screen reader spot-check: VoiceOver on the home page and at least one case study before each release.

If you spot something I’ve missed, please tell me.

Reporting an issue

If any part of this site is hard to use, please email contact.hudesign@gmail.com with as much detail as you can share (page, browser, assistive tech, what went wrong). I aim to respond within five working days.