ariaLabel

Optional. Sets the accessible name of the sidebar, which a screen reader announces when focus enters the sidebar

Usage

ariaLabel?: string;

Example

const sidebar = new dhx.Sidebar("sidebar_container", {
    ariaLabel: "Main navigation",
    data: sidebarItems
});

The value is rendered as the aria-label attribute of the element with the toolbar role and the vertical orientation. Use the property to tell several sidebars on one page apart. If the property is not set, the sidebar has no accessible name.

Related article: Accessibility support: Toolbar, Menu, Sidebar and Ribbon

Change log:

added in v9.4