a11y: add ARIA attributes to explainer cards and CTA banner
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 55/100
- Tipo di issue
- Bug
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Ferma
- Stack tecnologico
- typescript
- Ambito
- accessibility, frontend
Direzione di ricerca
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.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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
- Lingua principale
- TypeScript
- Stelle
- 1.6k
- Fork
- 202
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di CopilotKit/OpenGenerativeUI
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
-
enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 48/100
CopilotKit/OpenGenerativeUI#87 · 2 commenti ·
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 35/100
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 45/100
Tutte le issue di CopilotKit/OpenGenerativeUI
Issue simili
-
blocklist removal
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
MetaMask/eth-phishing-detect#296544 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
pastelsky/bundlephobia#1122 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
-
category/development priority/P2 scope/file-operations scope/testing type/enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100