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

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

Đang mở Phù hợp với người mới
#915 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

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

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
72/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
typescript

Hướng nghiên cứu

Bắt đầu từ hộp thoại xem trước cổng trên trang chi tiết tác vụ và tìm DialogContent có DialogTitle nhưng không có mô tả liên kết. Thêm văn bản mô tả song ngữ chỉ hiển thị với trình đọc màn hình, sau đó thêm bài kiểm thử hồi quy được mô tả trong issue và chạy các bài kiểm thử frontend, ESLint và build; hoàn tất nghĩa là không có cảnh báo Radix, mục đích của hộp thoại có thể truy cập được, đồng thời bố cục và tương tác không thay đổi.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

问题描述

打开任务详情页的端口预览弹窗时,浏览器控制台出现 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。

Ngôn ngữ chính
TypeScript
Star
4.8k
Fork
728
Merge trung bình
3 giờ 48 phút
Pull request đã merge (30 ngày)
101

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

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 chaitin/MonkeyCode

Tất cả issue của chaitin/MonkeyCode

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.