kmesh-net/website

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

开放

#328 创建于 2026年7月5日

 (3 条评论) (0 个反应) (2 位负责人)JavaScript (71 个派生)auto 404
good first issue

仓库指标

星标
 (11 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

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.

贡献者指南