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

Đang mở
  • Có gì không ổn?
#142 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@arpanjot-coding đang làm issue này rồi.

Từ ngày 11/11/2026.

  • #148 của @arpanjot-coding — đang mở

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
25/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
html, typescript
Lĩnh vực
accessibility, frontend

Hướng nghiên cứu

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.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
TypeScript
Star
1
Fork
0
Merge trung bình
17 giờ 25 phút
Pull request đã merge (30 ngày)
11

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của NanoForge-dev/Loader

Tất cả issue của NanoForge-dev/Loader

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.