Skip to content

Home page Lighthouse fixes; SEO.md: PageSpeed Insights and Search Console findings - #35

Merged
hiabhee merged 1 commit into
mainfrom
fix/lighthouse-home
Nov 10, 2026
Merged

hiabhee merged 1 commit into
mainfrom
fix/lighthouse-home

Conversation

@hiabhee

@hiabhee hiabhee commented Nov 7, 2026

Copy link
Copy Markdown
Owner

Summary

Fixes the accessibility and best-practice failures Lighthouse reports on the home page, and brings SEO.md up to date. This replaces #34: it contains #34's commit.

Lighthouse issue Cause Fix
"ARIA hidden element must not be focusable" (also Agentic Browsing's agent accessibility check) The hero's picture of the Overview / Detailed toggle was aria-hidden, but its buttons could still be tabbed to inert on the decorative copy (LiveMapHero.tsx)
Contrast "How it works" steps you haven't scrolled to were at 38% opacity, putting their text at 1.8–3.1:1 85% opacity. The muted body text needs at least 82% for 4.5:1 on the night page (ScrollFx.module.css).
Missing source maps for large first-party JavaScript No browser source maps in production productionBrowserSourceMaps: true. The code is open source, so nothing is exposed.

SEO.md changes:

Not in this PR: the home page performance items (render-blocking requests, 4.2 s of main-thread work, 317 KiB of unused JavaScript). They need before-and-after measurements.

Test plan

  • tsc clean; eslint clean on the changed files; landing and design-guard tests pass
  • After deploy, PageSpeed Insights or Lighthouse on /: no contrast or aria-hidden-focus failures, and source maps present

- LiveMapHero: the hero's picture of the Overview / Detailed toggle was
  aria-hidden but its buttons stayed focusable ("ARIA hidden element must
  not be focusable", also Agentic Browsing's agent accessibility check).
  It is now inert.
- ScrollFx: steps not reached yet faded to .38, so their numbers, titles
  and body text measured 1.8-3.1:1. The muted body text needs >= .82 on
  the night page for 4.5:1; inactive steps now sit at .85.
- next.config: productionBrowserSourceMaps (Lighthouse "missing source
  maps for large first-party JavaScript"; the code is open source).
- SEO.md: PageSpeed Insights in the measurement checklist, section 11b
  (accessibility fixes agents and Lighthouse check), origin-trial steps,
  the parent-domain favicon lesson, change log through this PR.
@vercel

vercel Bot commented Nov 7, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
arch-draw Ready Ready Preview Nov 7, 2026 4:50pm UTC

@coderabbitai

coderabbitai Bot commented Nov 7, 2026

Copy link
Copy Markdown

Important

  • Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

Run configuration

  • Source mode: Auto
  • Repository: Unavailable
  • Branch: Unavailable
  • File: No configuration file from this repository applied
  • Commit: Unavailable
  • Layers: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 4dfc9363-14af-468a-9d00-14fb736cba3d
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

Share

@hiabhee
hiabhee merged commit 5d95293 into main Nov 10, 2026
6 checks passed

This branch was successfully deployed

1 active deployment
Preview — 1b328674 Deployed Nov 7, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant