[Bug][Accessibility][SEO] Incorrect heading hierarchy on homepage
Open
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
Assessment
This issue has not been assessed yet.