Summary
The calculator launch page heading structure skips from the main h1 to feature-card h3 headings before any h2 appears.
Reproduction
- Run the calculator locally with
WEBSITE_PORT=3000 CALCULATOR_PORT=3001 bun run dev.
- Open
http://localhost:3001/us.
- Run Lighthouse accessibility.
- The page fails
heading-order.
Expected
Heading levels should follow a coherent hierarchy.
Actual
The feature cards render as h3, while the first h2 headings appear later under sections like Recommended first steps.
Relevant code
app/src/components/calculator/CalculatorLaunchPage.tsx
FeatureCard uses Title order={3}
Suggested direction
Either:
- promote those feature-card headings to
h2, or
- demote them to non-heading text if they are not real sections
Summary
The calculator launch page heading structure skips from the main
h1to feature-cardh3headings before anyh2appears.Reproduction
WEBSITE_PORT=3000 CALCULATOR_PORT=3001 bun run dev.http://localhost:3001/us.heading-order.Expected
Heading levels should follow a coherent hierarchy.
Actual
The feature cards render as
h3, while the firsth2headings appear later under sections likeRecommended first steps.Relevant code
app/src/components/calculator/CalculatorLaunchPage.tsxFeatureCardusesTitle order={3}Suggested direction
Either:
h2, or