Braille ARIA-attributen moeten een niet-braille equivalent hebben

Hoe geef je een niet-braille equivalent?

Koppel aria-braillelabel altijd aan aria-label (of een andere techniek voor toegankelijke naam) en koppel aria-brailleroledescription aan aria-roledescription.

<button aria-braillelabel="***">
  <svg aria-hidden="true">...</svg>
</button>

<button
  aria-label="3 van de 5 sterren"
  aria-braillelabel="***"
>
  <svg aria-hidden="true">...</svg>
</button>

<div
  role="region"
  aria-brailleroledescription="dia"
>
  Diacontent
</div>

<div
  role="region"
  aria-roledescription="presentatiedia"
  aria-brailleroledescription="dia"
  aria-label="Inleiding"
>
  Diacontent
</div>

De aria-braillelabel overschrijft de toegankelijke naam op brailleweergaven. De aria-brailleroledescription overschrijft de rolbeschrijving op brailleweergaven. Beide moeten een standaard tegenhanger hebben zodat gebruikers zonder brailleweergave dezelfde informatie ontvangen.

Voeg een braille-attribuut alleen toe als de standaardwaarde slecht werkt in braille, bijvoorbeeld omdat die te lang is of tekens bevat die een brailleweergave slecht weergeeft. Gebruik het niet om de toegankelijke naam te dupliceren of om gewone woorden af te korten: braillevertaalsoftware kort die zelf al in.

Waarom is dit belangrijk?

aria-braillelabel en aria-brailleroledescription zijn alleen bedoeld voor brailleweergaven. Gebruikers van andere hulptechnologieën, screen readers of spraakherkenningssoftware vertrouwen op de standaard aria-label- en aria-roledescription-attributen. Zonder deze attributen ontvangen die gebruikers geen toegankelijke naam of rolbeschrijving.