Heavy on motion, never required.

This sample site leans hard into animation and 3D. None of it is needed to find a phone number, read a price or send a quote. We aim for WCAG 2.2 level AA.

What's in place

• Reduced motion. If your device asks for less motion, the 3D house, smooth scrolling, page-flood transitions and the custom cursor switch off and every section shows straight away.
• Keyboard. Everything works with Tab, Enter and Space, with a visible focus ring. The menu and the shut-off guide trap focus and close with Escape. The 404 valve turns with the arrow keys.
• Screen readers. Pages use real headings, landmarks and labelled controls. The 3D house has a plain list of the same six problems beside it.
• Forms. Every field has a label, errors are announced and say how to fix them, and the form works without JavaScript.
• Text. Body text meets AA contrast and the layout holds up at 200% zoom and on a 320px-wide screen.

Known gaps

The 3D house is decorative; its information is repeated in text, but the scene itself can't be described frame by frame. If you find anything else that gets in your way, tell the designer through the KT/Studio portfolio.

Prefer a static page?

Add ?static=1 to any address to load that page with every animation turned off.