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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions