ariaLabel

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

Usage

ariaLabel?: string;

Example

const toolbar = new dhx.Toolbar("toolbar_container", {
    ariaLabel: "Formatting",
    data: toolbarItems
});

The value is rendered as the aria-label attribute of the element with the toolbar role. Use the property to tell several toolbars on one page apart. If the property is not set, the toolbar is named by the aria_toolbar locale key, which can be translated like the other screen-reader strings.

Related articles:

• Accessibility support: Toolbar, Menu, Sidebar and Ribbon
• Localization of screen-reader strings

Change log:

added in v9.4