a11y: mat-drawer-container aria-hidden elements should not be focusable.

[Anoop-D]

Bug, feature request, or proposal:

Mat-drawer is composed of a focus-trap, which has the classes: cdk-visually-hidden cdk-focus-trap-anchor.

According to WCAG 4.1.2: ARIA hidden element must not contain focusable elements.

What is the expected behavior?

Elements with aria-hidden should have tabindex: -1 or otherwise be unfocusable via keyboard navigation.

[crisbeto]

We have some logic that disables the focus trap here. Also note that with tabindex set to -1 the element is still focusable and users can reach it using the arrow keys. The way we disable the trap is by removing the tabindex altogether.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}