Pages have no landmarks (main, banner, contentinfo) and no link to skip to the content

Aperta
  • Qualcosa non va?
#682 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@guidol-ive ci sta già lavorando.

Dal 28/10/2026.

  • #685 di @guidol-ive — aperta

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
javascript
Ambito
accessibility

Direzione di ricerca

The issue names data/themes/default/hypha.html and the #header, #page, #main, and #footer regions. Read how the theme renders these regions and check the open pull request #685 for work already underway. Done means pages gain the requested landmark roles and a keyboard-focus-only “Skip to content” link while existing theme markup stays unchanged.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Component: User interface Impact: Low Level: Easy Type: Bug Value: Visitors

Problem

A Hypha page has no landmarks: no <main>, <header> or <footer>, and no role attributes on the divs of the theme (#header, #page, #footer in data/themes/default/hypha.html). There is also no link to skip to the content.

  • A screen reader user cannot jump to the main content or the header (Lighthouse and axe: "Document should have one main landmark", "Page should contain a level-one heading inside a landmark", "Bypass blocks").
  • Keyboard users have to tab through the header, the menu and the command bar on every page.
  • Search engines and AI agents that read the HTML cannot tell the content from the navigation around it. A page of a large publisher uses <main>, <header>, <footer>, <nav>, <article> and <time> throughout.

Expected

Without changing the themes (existing themes keep their divs):

  • #header gets role="banner", the content (#page, or #main when a theme has no #page) gets role="main" and #footer gets role="contentinfo", unless the theme already has such an element or role.
  • The first element of <body> is a link "Skip to content" to that main region, visible only when it has the keyboard focus.
Lingua principale
JavaScript
Stelle
5
Fork
9
Merge medio
18h 49m
PR unite (30g)
13

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di PlanBCode/hypha

Tutte le issue di PlanBCode/hypha

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.