aria-braille attributes must have a non-braille equivalent

• The aria-braillelabel or aria-brailleroledescription attribute may have been placed on the wrong element, such as a parent or child of the correct element. The attribute should be put on a different element.
• The element with aria-braillelabel attribute needs an aria-label attribute or other attribute that gives it an accessible name.
• The element with aria-brailleroledescription attribute needs a aria-roledescription attribute.
• The aria-braillelabel or aria-brailleroledescription attribute serves no function and should be removed.

Good aria-braillelabel:

<button aria-braillelabel="****">
  <img alt="4 stars" src="images/stars.jpg">
</button>

Bad aria-braillelabel:

<img alt="" aria-braillelabel="****" src="images/stars.jpg">

Good aria-brailleroledescription

<div
  role="article" id="slide" aria-labelledby="slideheading"
  aria-roledescription="slide"
  aria-brailleroledescription="sld"
>
  <h1 id="slideheading">My vacation in Rome</h1>
</div>

Bad aria-brailleroledescription

<div
  role="article" id="slide" aria-labelledby="slideheading"
  aria-brailleroledescription="slide"
>
  <h1 id="slideheading">My vacation in Rome</h1>
</div>