aria-brailleroledescription

Braille is not a one-to-one transliteration of letters and numbers, but rather it includes various abbreviations, contractions, and characters that represent words (known as logograms).

Instead of converting long role descriptions to Braille, the aria-brailleroledescription attribute allows for providing an abbreviated version of the aria-roledescription value, which is a human-readable, author-localized description for the role of an element, for improved user experience with braille interfaces.

Basically, the value of aria-brailleroledescription is an abbreviated version of the aria-roledescription attribute to be converted into Braille.

<article
  aria-roledescription="slide"
  aria-brailleroledescription="sld"
  aria-labelledby="slide1heading">
  <h1 id="slide1heading">Welcome to my talk</h1>
  <img alt="Me" src="images/me.jpg" />
</article>

Most assistive technologies, like screen readers, will read the above as "slide, welcome to my talk. Image, Me." Braille assistive technologies will present "sld welcome to my talk gra me" in braille. The semantic <article> is given the role of "slide" by the aria-roledescription attribute; "slide" being a role not defined in the specification, but is a common role for slides in a presentation. In Braille, the role is presented as "sld". The "gra" is short for "graphic", which is how the "image" role is shortened in braille.

The aria-brailleroledescription attribute should only be used to clarify the purpose of non-interactive container roles like "group" or "region", or to provide a more specific description of a widget in a braille context.

As the aria-brailleroledescription attribute overrides how assistive technologies localize and express the name of a role in braille, inappropriate values will prevent users from understanding and interacting with an element on braille interfaces.

Only use aria-brailleroledescription if aria-roledescription is present. However, if the aria-roledescription value works in braille, the braille version of the attribute is not needed. In general, aria-brailleroledescription should only be used in the rare case when a aria-roledescription is too verbose for braille.

A few rules to remember:

• Only apply aria-brailleroledescription to elements with a valid ARIA role or elements with implicit role semantics.
• The aria-brailleroledescription, if present, must have a non-empty, none null value that is different from the aria-roledescription value, which, in turn, is different from the ARIA explicit or role or implicit semantic role.
• Avoid using Unicode Braille Patterns. If they must be used, ensure the aria-brailleroledescription value contains content other than unicode braille patterns, whitespace, and braille pattern dots-0.
• Ensure the value is always localized to the document's language.

The aria-brailleroledescription value will not be exposed to the braille user if:

• The value is empty or contains only whitespace characters or the empty braille pattern: dots-0 (U+2800).
• The element to which the attribute is applied has an explicit or implicit WAI-ARIA role where aria-brailleroledescription is prohibited, including the generic role.
• The element to which the attribute is applied does not have a valid aria-roledescription.

<string>

The value is a string, an unconstrained value type, that is intended to be converted into braille

Used in ALL roles (except generic).

• Element.ariaBrailleRoleDescription
• aria-roledescription.
• Element.ariaRoleDescription