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

未关闭
#142 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

@arpanjot-coding 已经在做这个了。

开始于 2026年11月11日。

  • #148 来自 @arpanjot-coding —— 未关闭

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
25/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
停滞
技术栈
html, typescript

调研方向

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.

由索引模型根据 Issue 内容生成。

描述

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

主要语言
TypeScript
星标
1
派生
0
平均合并
17 小时 25 分钟
30 天内合并 PR
11

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

NanoForge-dev/Loader 的其他 Issue

查看 NanoForge-dev/Loader 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。