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

Aberta
  • Algo errado?
#142 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

@arpanjot-coding já está trabalhando nisso.

Desde 11/11/2026.

  • #148 de @arpanjot-coding — aberto

Avaliação

Dificuldade
2/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
25/100
Tipo de issue
Bug
Clareza
Claramente especificada
Status de atividade
Estagnada
Stack de tecnologia
html, typescript
Domínio
accessibility, frontend

Direção de pesquisa

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.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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

Linguagem predominante
TypeScript
Estrelas
1
Forks
0
Merge médio
17h 25min
PRs com merge (30d)
11

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de NanoForge-dev/Loader

Todas as issues de NanoForge-dev/Loader

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.