kmesh-net / kmesh-net/website

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

Open
#328 3 comments 0 reactions 2 assignees Claimed by @amh1k View on GitHub
good first issue
Dominant language
JavaScript
Stars
12
Forks
75
PR merge metrics
No merged PRs in 30d

Description

## Task Description

The homepage contains multiple `

` elements for section titles such as **Recent News**, **Why Kmesh**, and **Supporters**.

Since the main page title is already rendered as an `

`, these section headings should use `

` instead. Using multiple `

` 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 `

` representing the main page title, while section titles should use `

` to maintain a proper heading hierarchy.

## Proposed Solution

Replace the section `

` elements with `

` in the affected components.

Example:

```jsx
// Before

Recent News

// After

Recent News


```

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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.