TripleC, design previews
Three accessible homepage directions to review.
Each direction meets the same accessibility floor: large readable type, high contrast, visible focus rings, full keyboard support, oversized tap targets, a persistent accessibility toolbar, a skip link, and a BSL signpost. Use the controls on each page to test text size, contrast, reduce motion, and readable font.
- Open preview
1. High-contrast editorial
Navy and gold, broadsheet calm.
- Open preview
2. Bold poster
Dark, amber accent, persistent accessibility bar.
- Open preview
3. Warm magazine
Cream and terracotta, Atkinson Hyperlegible throughout.
Accessibility commitments, baked into every direction
- WCAG 2.2 AA minimum, targeting AAA where feasible
- Body type 18px and up, line-height 1.6+, max 70 characters per line
- Atkinson Hyperlegible readable font option, designed for low vision readers
- BSL video signpost in the hero, captions and transcripts on all media
- Persistent in-page toolbar: text size, high contrast, readable font, reduce motion
- Visible 3px focus rings, 44px+ tap targets, full keyboard navigation
- Respects prefers-reduced-motion, no autoplay, no parallax
- Plain English copy, never colour alone to convey meaning
Use the floating switcher at the bottom of every page to move between the three designs, or return here to compare.