All Components


The PanelBar is designed to be accessible by on-screen readers and provides full WAI-ARIA accessibility support.

WAI-ARIA Support

This is achieved by setting the aria-expanded, aria-selected, aria-disabled and aria-hidden properties on the nested elements depending on the selected, expanded, or disabled options.

The component uses the tree role.

To move the focus to the current keyboard navigation position, the component uses the aria-activedescendant approach.

The PanelBar also follows the WAI-ARIA best practices for implementing the keyboard navigation for its widget role and is tested against the popular screen readers.

Section 508

The PanelBar is compliant with the Section 508 requirements.


The following limitations are related to the WAI-ARIA support of browsers and screen readers and not to the functionalities of the Kendo UI PanelBar for Angular.

In this article