Skip to content

[Bug][Accessibility][SEO] Incorrect heading hierarchy on homepage #328

Description

@shubhtrek

Task Description

The homepage contains multiple <h1> elements for section titles such as Recent News, Why Kmesh, and Supporters.

Since the main page title is already rendered as an <h1>, these section headings should use <h2> instead. Using multiple <h1> elements can negatively affect accessibility and page semantics.

Affected Files

  • src/components/Blogs/index.js
  • src/components/Why/index.js
  • src/components/Supporters/index.js

Expected Behavior

The homepage should have a single <h1> representing the main page title, while section titles should use <h2> to maintain a proper heading hierarchy.

Proposed Solution

Replace the section <h1> elements with <h2> in the affected components.

Example:

// Before
<h1><Translate>Recent News</Translate></h1>

// After
<h2><Translate>Recent News</Translate></h2>

Apply the same change to the Why Kmesh and Supporters sections.

If there are CSS rules specifically targeting .sectionContainer h1, update them to target h2 as well so the visual appearance remains unchanged.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions