An element with aria-hidden=true contains focusable content

[Horlix]

The hidden element and its contents are not voiced by a screen reader, but the contents contain an element with tabindex set or active a, button, input, select and textarea controls. The user can tab to these or focus via touch and hears only silence.

Full set of URLs provided

An element with aria-hidden=true contains focusable content.csv

[immortalcodes]

Adding a bit of context here:

• The issue here is that the elements within a hidden container are not announced by screen readers but can still receive keyboard focus or touch interaction.
• Hidden containers may be created using CSS properties such as display: none; or visibility: hidden;, or ARIA properties like aria-hidden="true".
• Focusable elements within these containers, such as links (<a>), buttons (<button>), input fields (<input>), dropdowns (<select>), and text areas (<textarea>), can still be accessed through keyboard navigation or touch, but the screen reader does not announce their content, leading to silence and user confusion.
• This issue can arise from improper management of visibility and focus.

Possible solution would be:

• Better management of ARIA attributes, tabindex could be used to focus/not focus on certain elements.
• JS scripts should also handle tabindex while they are setting aria-hidden as false