Feature Request: Accordion keyboard support for accessibility

[laflannery]

Prerequisites

• I have searched for similar feature requests in both open and closed discussions and cannot find an existing request.
• I have verified that the feature is still missing from the latest stable versions of Elementor or Elementor Pro.

What problem is your feature request going to solve? Please describe..

The keyboard support of the latest accordion component has introduced complexity that does not assist users, but rather makes the information within the accordions more difficult to access. The accordions do not follow typical keyboard support, they use the arrows keys to navigate through the elements instead of TAB to move to the next focusable item. There is an aria-label indicating these directions however it's on a non-focusable div so the user doesn't have a way of finding or accessing these instructions. Also, the user cannot move from within the accordion content to another accordion header using the keyboard at all, they must move backwards back up to the accordion header and use the arrow keys. This is a very non-typical pattern.

Describe the solution you'd like.

The accordions should follow standard keyboard support patterns:

• TAB to move focus to the next focusable element
• SHIFT + TAB to move focus to the previous focusable element
• ENTER and SPACE would open and close the accordion
• If there are focusable elements within accordion content, TAB and SHIFT + TAB would still work as expected by moving the focus through those elements and then to the next accordion header once the user reached the end of the accordion content

Describe alternatives you've considered.

I did research this pattern though I could not find instances where arrows keys where expected to navigate through multiple accordions in this manner.

Additional context

I was also having an issue where when NVDA was on, the visual focus indicator was not following my arrow keys as I navigated through the accordions. For example, I would tab to an accordion section, then hit the down arrow twice but my visual indicator did not move. However when I hit enter the 3rd FAQ would open. So the focus did properly move but the indicator was staying on the wrong accordion. Some sighted folks who user screen readers would be confused by this behavior. By using a more typical pattern, that may resolve this issue as well.

Agreement

• I agree that my request may be closed without action if it doesn't meet all the requirements.