fix(loader-website): the loading page is titled Title and gives screen readers no status

Aperta
#142 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@arpanjot-coding ci sta già lavorando.

Dal 11/11/2026.

  • #148 di @arpanjot-coding — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
25/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
html, typescript

Direzione di ricerca

Start with apps/website/src/index.html, especially the loading shell at lines 8–25, then inspect window.ts for loading bar updates. Add the suggested title, screen reader announcements, progress values, and meaningful logo text; done when loading and error states are announced and the progress bar exposes its current value. An open pull request already addresses this issue.

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

Descrizione

app:website bug good first issue
Which app is this bug report for?

website

Issue description

Accessibility of the loading shell (index.html#L8-L25):

  • The document title is <title>Title</title>.
  • The loading step and the error message are plain <div>s: no role="status"/aria-live, no role="alert". Screen-reader users get no feedback on loading or on errors.
  • The loading bar has no role="progressbar" / aria-valuenow.
  • The logo's alt="logo" says nothing useful.

Expected: a meaningful title, and loading and error states announced to assistive technologies.

Suggested fix: title "NanoForge" (or the game name); role="status" aria-live="polite" on #loading-step; role="alert" on #loader-error; role="progressbar" with aria-valuemin/max/now on #loading-bar (updated in window.ts); alt="NanoForge".

Found during a read-only audit of main @ 044c766 (2026-11-11).

Code sample

No response

Versions
  • @nanoforge-dev/loader-client / @nanoforge-dev/loader-server / @nanoforge-dev/loader-website 1.7.0 (main @ 044c766)
  • Bun 1.3.14
  • Linux x86_64
Issue priority

Low (slightly annoying)

I have tested this issue on a development release

044c766

Lingua principale
TypeScript
Stelle
1
Fork
0
Merge medio
17h 25m
PR unite (30g)
11

Preparare l'ambiente

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 NanoForge-dev/Loader

Tutte le issue di NanoForge-dev/Loader

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.