Single expand
Redpine applies software and AI to reduce accidents and raise operational efficiency — starting with Workplace Safety.
<Accordion type="single" collapsible defaultValue="q1">
<AccordionItem value="q1">
<AccordionTrigger>What does Redpine do?</AccordionTrigger>
<AccordionContent>...</AccordionContent>
</AccordionItem>
</Accordion>Multi-expand
<Accordion type="multiple"> ... </Accordion>Accessibility
How Accordion works with assistive tech
- Role
- button (header)
- region (panel)
- Keyboard
- Enter/Space (toggle)
- ArrowDown/Up (navigate headers)
- Home/End (first/last)
- ARIA attributes
- aria-expanded
- aria-controls
- aria-labelledby
- Focus behavior
- visible-3px
Radix primitive. Collapsed panels are display:none so screen readers skip content until expanded.