diff --git a/site/src/components/StatsView.svelte b/site/src/components/StatsView.svelte
index e51f6ad..6874fcc 100644
--- a/site/src/components/StatsView.svelte
+++ b/site/src/components/StatsView.svelte
@@ -264,7 +264,7 @@
 </div>
 
 {#if loading}
-  <div class="h-64 rounded-xl bg-zinc-800 animate-pulse mb-6" />
+  <div class="h-64 rounded-xl bg-zinc-800 animate-pulse mb-6"></div>
 {:else}
 
 <!-- Year totals -->
@@ -296,7 +296,7 @@
         <div class="inline-flex gap-[3px]">
           <!-- Day-of-week labels: blank slot at top to align with month row -->
           <div class="flex flex-col gap-[3px] mr-1">
-            <div class="h-4" />
+            <div class="h-4"></div>
             {#each DOW as d, i}
               <span class="text-[9px] text-zinc-600 h-[10px] leading-[10px] w-3 text-right">
                 {i % 2 === 1 ? d : ''}
@@ -318,11 +318,14 @@
               </div>
               {#each week as date}
                 <div
+                  role="button"
+                  tabindex="0"
                   class="w-[10px] h-[10px] rounded-[2px] {date && activitiesByDate.has(date) ? 'cursor-pointer' : ''} {date && date === pinnedDate ? 'ring-1 ring-white ring-offset-[1px]' : ''}"
                   style="background:{cellColors.get(date) ?? emptyColor}; --tw-ring-offset-color: var(--bg-base)"
                   on:mouseenter={e => onCellEnter(date, e)}
                   on:mouseleave={onCellLeave}
                   on:click={e => onCellClick(date, e)}
+                  on:keydown={e => e.key === 'Enter' && onCellClick(date, e)}
                 ></div>
               {/each}
             </div>
@@ -335,7 +338,7 @@
         <div class="flex items-center gap-1">
           <span class="text-xs text-zinc-500 mr-1">Less</span>
           {#each legendSwatches as c}
-            <div class="w-[10px] h-[10px] rounded-[2px]" style="background:{c}" />
+            <div class="w-[10px] h-[10px] rounded-[2px]" style="background:{c}"></div>
           {/each}
           <span class="text-xs text-zinc-500 ml-1">More (percentile · max {Math.round(maxDailyKm)} km)</span>
         </div>
@@ -343,7 +346,7 @@
           <div class="flex items-center gap-2 ml-2">
             {#each sportsInData as sp}
               <span class="text-xs flex items-center gap-1" style="color:{sportColor(sp)}">
-                <span class="w-[10px] h-[10px] rounded-[2px] inline-block" style="background:{sportColor(sp)}" />
+                <span class="w-[10px] h-[10px] rounded-[2px] inline-block" style="background:{sportColor(sp)}"></span>
                 {sportIcon(sp)}
               </span>
             {/each}
@@ -362,6 +365,7 @@
 {#if tooltipDate && tooltipActivities.length > 0}
   <div
     bind:this={tooltipEl}
+    role="tooltip"
     class="fixed z-50 bg-zinc-900 border border-zinc-700 rounded-xl shadow-2xl p-3 w-[280px]"
     style="left:{tooltipPos.x}px; top:{tooltipPos.y}px"
     on:mouseenter={onTooltipEnter}