Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#632 コメント 12 件 リアクション 0 件 担当者 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時間
マージ済み PR(30日)
82

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

LabsCrypt/flowfi のほかの issue

LabsCrypt/flowfi の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。