Skip to content

Calculator launch page heading hierarchy skips from h1 to h3 #954

@MaxGhenis

Description

@MaxGhenis

Summary

The calculator launch page heading structure skips from the main h1 to feature-card h3 headings before any h2 appears.

Reproduction

  1. Run the calculator locally with WEBSITE_PORT=3000 CALCULATOR_PORT=3001 bun run dev.
  2. Open http://localhost:3001/us.
  3. Run Lighthouse accessibility.
  4. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions