Summary
The FAQ accordion (components/landing/faq.tsx) works visually but lacks full keyboard and screen-reader semantics for an accessible disclosure pattern.
What to build
- Add
aria-expanded, aria-controls, and unique ids on FAQ toggle buttons
- Link answer panels with
role="region" and aria-labelledby
- Ensure category filter buttons have clear
aria-pressed state
- Verify focus order and visible focus rings (ZK monochrome style)
- Optional: arrow keys to move between open items
Acceptance criteria
Files
components/landing/faq.tsx
How to contribute
- Comment before starting
- Fork → branch (
feat/faq-a11y)
- Test with keyboard and VoiceOver/NVDA if possible
- PR with
Closes #15
Part of the GrantFox OSS program.
Summary
The FAQ accordion (
components/landing/faq.tsx) works visually but lacks full keyboard and screen-reader semantics for an accessible disclosure pattern.What to build
aria-expanded,aria-controls, and uniqueids on FAQ toggle buttonsrole="region"andaria-labelledbyaria-pressedstateAcceptance criteria
Files
components/landing/faq.tsxHow to contribute
feat/faq-a11y)Closes #15