Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
#632 12 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 7 días

@boluxx123 ya está trabajando en esto.

Desde el 29/9/2026.

  • #975 de @Benedict315 — cerrado sin fusionar
  • #985 de @Benedict315 — cerrado sin fusionar
  • #986 de @Benedict315 — cerrado sin fusionar
  • #991 de @Benedict315 — cerrado sin fusionar
  • #992 de @Benedict315 — abierto
  • #1603 de @boluxx123 — abierto

Evaluación

Este issue todavía no se ha evaluado.

Descripción

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.

Lenguaje dominante
TypeScript
Estrellas
18
Forks
250
Merge medio
5 d 6 h
PR fusionados (30 d)
82

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de LabsCrypt/flowfi

Todos los issues de LabsCrypt/flowfi

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.