fix(a11y): enhance FAQ accordion keyboard accessibility on ToolPage
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 82/100
- Tipo di issue
- Bug
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- react, typescript
- Ambito
- accessibility, frontend
Direzione di ricerca
Leggi l’accordion delle FAQ in src/pages/ToolPage.tsx e controlla come vengono attualmente renderizzati il suo attivatore e il suo pannello. Guida la modifica seguendo i requisiti ARIA e di tastiera della issue, quindi verifica che Enter e Space lo attivino e disattivino e che gli screen reader annuncino lo stato; esegui Lighthouse o axe per controllare la presenza di avvisi di accessibilità.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Description
Improve the FAQ accordion on tool pages to follow ARIA patterns and be fully usable with assistive technology and keyboard input.
Requirements
- Ensure the trigger uses a proper button semantics.
- Add
aria-expanded,aria-controls,id, androle="region"where appropriate. - Allow toggling with Enter and Space keys.
- Maintain accessible state for screen readers.
Files to touch
src/pages/ToolPage.tsx
Acceptance criteria
- Screen readers announce expanded/collapsed state changes.
- Lighthouse/axe audits do not report accessibility warnings.
- Lingua principale
- TypeScript
- Stelle
- 1
- Fork
- 3
- Merge medio
- 2h 50m
- PR unite (30g)
- 3
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Leggi 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 goldi0002/devtoolbox
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
goldi0002/devtoolbox#94 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
goldi0002/devtoolbox#87 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
goldi0002/devtoolbox#86 ·
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 77/100
goldi0002/devtoolbox#85 ·
-
good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 77/100
goldi0002/devtoolbox#72 ·
Tutte le issue di goldi0002/devtoolbox
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
better-auth/better-auth#12132 · 1 reazione ·
I maintainer di solito rispondono entro 1 giorno
-
o8 next debug build aborts on Glass to Dark appearance switch (nil identifier messaged before check)Apertabug
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
hurttlocker/o8#5112 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
webrecorder/wabac.js#386 ·
-
needs-triage
Difficoltà 1/5 1-3 ore Idoneità per principianti 92/100
agent-of-empires/agent-of-empires#5098 · 1 commento · 1 reazione ·
I maintainer di solito rispondono entro 1 giorno