Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

[Frontend] Dashboard settings tab form: bare-string labels with no htmlFor association

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

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

@boluxx123 đang làm issue này rồi.

Từ ngày 29/9/2026.

  • #975 của @Benedict315 — đã đóng, không merge
  • #985 của @Benedict315 — đã đóng, không merge
  • #986 của @Benedict315 — đã đóng, không merge
  • #991 của @Benedict315 — đã đóng, không merge
  • #992 của @Benedict315 — đang mở
  • #1603 của @boluxx123 — đang mở

Đánh giá

Issue này chưa được đánh giá.

Mô tả

frontend good first issue GrantFox OSS Maybe Rewarded Official Campaign | FWC26 Stellar Wave ui

Telegram (ask questions / claim the issue here first): https://t.me/+DOylgFv1jyJlNzM0

Labels: good first issue, frontend, Stellar Wave, ui

The stream-creation form in the dashboard settings tab wraps inputs inside <label> tags but never gives the inputs an id or uses htmlFor, so nothing is programmatically associated for assistive tech.

In frontend/src/components/dashboard/dashboard-view.tsx:

  • Line 879: <input ... aria-label="Template name" /> has only an aria-label, no visible label
  • Lines 922-934: Recipient Address, Token, Total Amount, Starts At, Ends At, Cadence (seconds), and Note all use <label>Text<input/></label> with no ids

The visual wrapping helps in practice, but it's brittle (older screen readers may miss it) and there are no ids for anchor links or tests to target.

What the fix has to hold to

  • Every control gets an id
  • Pick one labeling pattern (wrapping <label> or htmlFor on a sibling) and use it consistently
  • No visual change

Done when

  • Every input/textarea/select in this form has an id
  • Labels are consistently associated across the form
  • No visual change; lint + CI green

Where to start
frontend/src/components/dashboard/dashboard-view.tsx lines 879 and 922-934. Restyling is out of scope. Small accessibility pass.

Ngôn ngữ chính
TypeScript
Star
18
Fork
250
Merge trung bình
5 ngày 6 giờ
Pull request đã merge (30 ngày)
82

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 LabsCrypt/flowfi

Tất cả issue của LabsCrypt/flowfi

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.