kmesh-net/website

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

Open

#328 opened on Jul 5, 2026

View on GitHub
 (2 comments) (0 reactions) (1 assignee)JavaScript (71 forks)auto 404
good first issue

Repository metrics

Stars
 (11 stars)
PR merge metrics
 (PR metrics pending)

Description

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.

Contributor guide