a11y: add ARIA attributes to explainer cards and CTA banner
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 55/100
- Issue type
- Bug
- Clarity
- Clearly specified
- Activity status
- Stale
- Tech stack
- typescript
- Domain
- accessibility, frontend
Research direction
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.
Written by the indexing model from the issue text.
Description
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
- Dominant language
- TypeScript
- Stars
- 1.6k
- Forks
- 202
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from CopilotKit/OpenGenerativeUI
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
Difficulty 4/5 3-5 days Newbie friendliness 48/100
CopilotKit/OpenGenerativeUI#87 · 2 comments ·
-
Difficulty 5/5 Over a week Newbie friendliness 35/100
-
Difficulty 4/5 3-5 days Newbie friendliness 45/100
All issues in CopilotKit/OpenGenerativeUI
Similar issues
-
clawsweeper:linked-pr-open clawsweeper:no-new-fix-pr clawsweeper:source-repro impact:message-loss issue-rating: 🦞 diamond lobster maturity:stable P2
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
Eynzof/Hermes-CN-Desktop#616 ·
-
ZCode 3.14.3 に対応する Open
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
supermomonga/zcode-acp#24 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
growthbook/growthbook#7100 ·
-
triage
Difficulty 1/5 1-3 hours Newbie friendliness 88/100