Remove aria-hidden attrbute from focusable elements

[mbechev]

Description

The aria-hidden attribute is set on focusable elements like buttons, which are primarily used as a decorative element for some components (such as SplitButton).

In some versions of Chrome, an error message is thrown in the console.

Steps To Reproduce

1. Open the SplitButton demo in new window - https://www.telerik.com/kendo-angular-ui/components/buttons/splitbutton
2. Open the button options and check the console.

Screenshots or video

Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.
Element with focus: button
Ancestor with aria-hidden:

Actual Behavior

Error is thrown when the browser detects a focusable element with an aria-hidden attribute.

Expected Behavior

The aria-hidden attributes must be removed from all focusable elements. Internally also from ToggleButtonTabStopDirective

Browser

Chrome

Browser version

latest

OS type

MacOS

OS version

No response

Last working version of the Kendo UI for Angular package (if regression).

No response