The ariaBrailleRoleDescription property of the ElementInternals interface reflects the value of the aria-brailleroledescription attribute, which defines the ARIA braille role description of the element.
This property may be used to provide an abbreviated version of the aria-roledescription value. It should only be used if aria-roledescription is present and in the rare case where it is too verbose for braille. The aria-brailleroledescription contains additional information about when the property should be set.
A string that is intended to be converted into braille.
Assuming we have a custom slide element:
class CustomSlide extends HTMLElement {
constructor() {
super();
this._internals = this.attachInternals();
this._internals.role = "slide";
}
// …
}
customElements.define("custom-slide", CustomSlide);We can retrieve and set the value of the custom element's aria-brailleroledescription value:
const customEl = document.querySelector("custom-slide");
log(customEl.ariaBrailleRoleDescription);
customEl.ariaBrailleRoleDescription = "sd";
log(customEl.ariaBrailleRoleDescription);