Skip to content

Commit e45f414

Browse files
TMHSDigitalclaude
andcommitted
fix(site): 24px touch targets on the phone stats readout
The facelift made the hero stats visible on phones as a 3x2 grid. Its links were 17.6px tall and tightly packed, so Lighthouse failed target-size and landing accessibility dropped from 100 to 96. They now have a 24px minimum height, and the score is back to 100. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
1 parent 14c45a0 commit e45f414

1 file changed

Lines changed: 3 additions & 1 deletion

File tree

‎scripts/site/template.html.j2‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -255,7 +255,9 @@
255255
.vp-center { padding: 3.5rem 1rem 1.25rem; }
256256
.vp-center { order: 1; }
257257
.hud-bl { order: 2; position: relative; left: auto; bottom: auto; z-index: 3; margin: 0 auto 0.75rem;
258-
grid-template-columns: repeat(3, auto auto); gap: 0.15rem 0.7rem; }
258+
grid-template-columns: repeat(3, auto auto); gap: 0 0.7rem; align-items: center; }
259+
/* 24px touch targets (WCAG 2.5.8) now that the stats are tappable on phones */
260+
.hud-bl a { display: inline-flex; align-items: center; min-height: 24px; }
259261
.clone-row pre { white-space: pre-wrap; overflow-wrap: break-word; }
260262
.panel-body { padding: 1.1rem 1rem 1.25rem; }
261263
.panel-head { flex-wrap: wrap; }

0 commit comments

Comments
 (0)