← All brandsCASE FILE 02 / 24
‹ PrevNext ›
Coca-Cola

Coca-Cola · WCAG-compliant microsite

Co-op Meals that Matter

Visit live site ↗(opens in a new tab)
cokemealsthatmatter.co.uk
Co-op Meals that Matter, screen 1 of 4
Co-op Meals that Matter on a phone
1 / 4

The brief

Develop an accessible, single-page microsite for a joint Co-op and Coca-Cola promotion, in partnership with Special Olympics Great Britain.

The hard problem

Make a promotional site genuinely usable by everyone, with every interaction reachable by keyboard and screen reader.

What I built

  1. 01Developed a fully responsive, single-page microsite from Adobe Photoshop designs.
  2. 02Prioritized accessibility, implementing semantic HTML5 and comprehensive ARIA attributes for screen readers.
  3. 03Ensured all interactive elements were keyboard-navigable with clear focus indicators.
  4. 04Implemented carousels with pause/play controls and reduced motion settings to meet WCAG guidelines.
  5. 05Conducted thorough accessibility audits to ensure an inclusive user experience.

Built with

  • Adobe Photoshop
  • HTML5
  • SCSS
  • JavaScript
Next case fileLEGO: LEGO × Netflix Grand Prize Draw →esc close · ← → browse brands