Tabstrip does not render the ARIA aria-controls, aria-labelledby and aria-disabled

[kdikov82]

Currently, the Tabstrip does not render the ARIA attributes listed in the "Accessibility" help article:

• https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/accessibility/

The expected behavior can be seen in the Kendo UI for Angular Tabstrip:

• https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/keyboard-navigation/

[InaGlushkova]

Introduced with version v5.3.0

[kdikov82]

I am re-opening the issue, because the aria-laballedby adds a value, but it does not point to a correct ID of the tab elements. Additionally, we need to include:

• aria-controls
• aria-hidden (for the case when the keepTabsMounted for the TabStrip is set to true)
• aria-expanded
• aria-activedescendant (to the TabStrip wrapping element and it should be set to the id of the currently focused element)

We need to render "id" for the tabs and the content elements, which will be used for the "aria-labelledby" and the "aria-activedescendant".

The expected result can be seen in the Kendo UI for jQuery TabStrip: https://demos.telerik.com/kendo-ui/tabstrip/keyboard-navigation

[iadnonov]

Fixed in dev version v7.0.0-develop.4