Command Palette

Search for a command to run...

Google Santa Tracker

Active

Google's annual holiday tradition website, enjoyed by millions worldwide.

Visit Live App Source Code
santatracker.google.com
Google Santa Tracker Interface

Ken's Contributions

  • Dynamic A11y Announcements: Implemented real-time ARIA live region updates to announce Santa's current location and remaining gifts directly to screen reader users (#239).
  • Interactive Focus Restoration: Refined keyboard focus indicators across the "North Pole" dashboard and game cards to ensure a seamless navigation experience without a mouse (#221).
  • Semantic UX Improvements: Enhanced low-vision accessibility by refining labels for the "Track Santa" CTA and improving the interactive control of retro games and scroll buttons (#238, #220).

More contributions on GitHub.

Overview

Google Santa Tracker is a massive holiday-themed web project that serves as a global tradition for millions of users every December. It's not just a tracker; it's a suite of mini-games, educational content, and interactive experiences designed to celebrate the holiday spirit.

My contributions focused on making this magical experience accessible to everyone, regardless of how they interact with the web. Working on a project of this scale required meticulous attention to detail in a complex, component-based environment.

Features

  • Real-Time Tracking: A sophisticated map view that tracks Santa's journey around the world on Christmas Eve.
  • Santa's Village: Dozens of educational and entertaining mini-games that teach coding, history, and geography.
  • Inclusivity by Design: A high level of accessibility ensuring that games and interactive dashboards are fully usable via screen readers and keyboards.

Architecture & Tech Stack

Santa Tracker is a benchmark for high-performance, modern web development using customized Web Components.

  • Frontend: Built with TypeScript and Lit (Web Components) for a highly modular and reusable architecture.
  • Styling: Advanced SCSS and CSS Custom Properties to handle complex animations and themed environments.
  • Rendering: Optimized for ultra-fast loading across all devices, from mobile browsers to high-end desktops.

Milestones & Impact

Documenting my season-long commitment to improving the project's digital inclusivity.

2025: Accessibility Audit & Refinement

  • A11y Lead (Contributor): Conducted a deep-dive audit of the interactive "North Pole" dashboard to identify and resolve keyboard navigation bottlenecks.
  • Real-Time Feedback: Successfully integrated ARIA live regions for the tracking engine, providing an inclusive experience for blind and low-vision users during the live event.
  • Component Standardization: Refined core button and card components to meet strict Web Content Accessibility Guidelines (WCAG).

2018: Project Origins

  • Open-Source Launch: This modern iteration of the Santa Tracker was open-sourced, establishing the Web Component-based architecture that powers the experience today.
  • Global Tradition: Became the foundation for Google's annual holiday web presence, transitioning from a simple map to a full interactive village.