The W3C Web Accessibility Initiative published the famous First Rule of ARIA:
'If you can use a native HTML element or attribute with the semantics and behavior you already require, then do so instead of re-purposing an element and adding an ARIA role, state or property.'
Consider building an expandable accordion:
<div> with role="button", tabindex="0", aria-expanded="false", custom JavaScript keydown listeners for Space and Enter, and custom focus management.<details> and <summary>. Zero JavaScript required, 100% accessible out-of-the-box on every browser, keyboard, and screen reader.ARIA is an emergency bridge for custom widgets that HTML cannot express; it is not a replacement for good HTML.
Level 1 · Accessible interaction basics