Build an accessible Accordion component in React.
Requirements:
- Multiple sections, each with a header and content.
- Clicking a header toggles its content visibility.
- More than one section can be open at once.
- Accessibility:
- Headers must be
button elements.
- Apply ARIA attributes:
aria-expanded, aria-controls, and link panels with aria-labelledby.
- Panel content should have
role="region".
- Keyboard support:
- <Enter>/<Space> toggles a section.
- Up/Down Arrow keys move focus between headers.
- Focus on accessibility and functionality over styling.