Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

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

维护者通常 7 天内回复

@boluxx123 已经在做这个了。

开始于 2026年9月29日。

  • #975 来自 @Benedict315 —— 已关闭,未合并
  • #985 来自 @Benedict315 —— 已关闭,未合并
  • #986 来自 @Benedict315 —— 已关闭,未合并
  • #991 来自 @Benedict315 —— 已关闭,未合并
  • #992 来自 @Benedict315 —— 未关闭
  • #1603 来自 @boluxx123 —— 未关闭

评估

这个 Issue 还没有评估数据。

描述

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.

主要语言
TypeScript
星标
18
派生
250
平均合并
5 天 6 小时
30 天内合并 PR
82

环境准备

从这里开始

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

LabsCrypt/flowfi 的其他 Issue

查看 LabsCrypt/flowfi 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

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