ariaLabel

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

Usage

ariaLabel?: string;

Example

const ribbon = new dhx.Ribbon("ribbon_container", {
    ariaLabel: "Document tools",
    data: ribbonItems
});

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

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

Change log:

added in v9.4