Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

fix(frontend): 补充任务预览弹窗的无障碍描述

Aperta Adatta ai principianti
#915 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
72/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
typescript

Direzione di ricerca

Inizia dalla finestra di dialogo di anteprima della porta nella pagina dei dettagli dell'attività e trova il DialogContent che ha un DialogTitle ma nessuna descrizione associata. Aggiungi un testo descrittivo bilingue visibile solo agli screen reader, quindi aggiungi il test di regressione descritto nell'issue ed esegui i test del frontend, ESLint e la build; il lavoro è completato quando non è presente alcun avviso di Radix, lo scopo della finestra di dialogo è accessibile e layout e interazione sono invariati.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

问题描述

打开任务详情页的端口预览弹窗时,浏览器控制台出现 Radix UI 警告:

Warning: Missing `Description` or `aria-describedby={undefined}` for {DialogContent}.

根因

任务预览弹窗包含 DialogTitle,缺少与 DialogContent 关联的 DialogDescription,屏幕阅读器无法获知弹窗用途。

修复范围

  • 为任务预览弹窗增加仅供屏幕阅读器读取的描述
  • 补充中英文描述文案
  • 增加回归测试,防止描述被移除

验收标准

  • 打开任务预览弹窗后,控制台不再出现缺少 Description 的警告
  • 屏幕阅读器可以读取任务预览弹窗用途
  • 弹窗现有布局和交互保持一致
  • 前端专项测试、ESLint 和构建通过

补充说明

登录前 /api/v1/users/status 返回 401、Edge LanguageDetector 提示、浏览器扩展 content.js 日志和任务控制 WebSocket 连接失败属于独立现象,不纳入本 Issue。

Lingua principale
TypeScript
Stelle
4.8k
Fork
728
Merge medio
3h 34m
PR unite (30g)
100

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di chaitin/MonkeyCode

Tutte le issue di chaitin/MonkeyCode

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.