kmesh-net/website

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

Ouverte

#328 ouverte le 5 juil. 2026

Voir sur GitHubGuide contributeur
 (3 commentaires) (0 réaction) (2 personnes assignées)JavaScript (71 forks)auto 404
good first issue

Métriques du dépôt

Stars
 (11 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

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.

Guide contributeur

Direction de recherche
Identifiez les éléments de titre de section dans les composants listés et remplacez <h1> par <h2>. Mettez également à jour les éventuels CSS ciblant ces éléments <h1> pour inclure <h2> afin de conserver le style.
Stack technique
javascriptreact
Domaine
frontendaccessibility
Type d'issue
Accessibilité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitReact
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
95