a11y: add ARIA attributes to explainer cards and CTA banner
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
- 55/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- typescript
- Lĩnh vực
- accessibility, frontend
Hướng nghiên cứu
Start by reading explainer-cards.tsx and the CTA banner in page.tsx:50-54. Add the specified decorative SVG attributes and give the explainer cards semantic structure with a heading or aria-label; done means both components expose the intended information to assistive technology without adding an unnecessary link label.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Description
Severity: P3 — Accessibility
Two components lack proper accessibility attributes:
Explainer cards (`explainer-cards.tsx`)
- No semantic landmark, no heading hierarchy
- Icon SVGs lack `aria-hidden="true"`
- Screen readers will announce raw SVG path data
- Cards are invisible to assistive technology structure
CTA banner (`page.tsx:50-54`)
- SVG icon has no `aria-hidden` or accessible label
- The `` link has no `aria-label` beyond its text content (minor — "Get started" text is sufficient)
Suggested fix
- Add `aria-hidden="true"` to all decorative SVGs
- Wrap explainer cards in a `` with an appropriate heading or `aria-label`
From self-review findings F11 and F12
- Ngôn ngữ chính
- TypeScript
- Star
- 1.6k
- Fork
- 202
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- 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.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của CopilotKit/OpenGenerativeUI
-
bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
-
enhancement
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 48/100
CopilotKit/OpenGenerativeUI#87 · 2 bình luận ·
-
Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 35/100
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 45/100
Tất cả issue của CopilotKit/OpenGenerativeUI
Issue tương tự
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
0xMiden/bridge-portal#132 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
-
area:tools bug good first issue help wanted priority:P2
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 90/100
TaewoooPark/Motifcode#14 ·
-
bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100
newrelic-experimental/preflight#793 · 1 bình luận ·