ARIA: math Rolle

Inhalt mit der Rolle math soll in einem zugänglichen Format wie MathML oder mit einer anderen Art von Textdarstellung ausgezeichnet werden, die vom Browser oder einer Polyfill-Bibliothek in ein zugängliches Format konvertiert werden kann.

Leider ist die Unterstützung von MathML durch Browser nicht universell. Obwohl die Verwendung eines Bildes eines mathematischen Ausdrucks nicht optimal ist, verwenden Sie die math Rolle, wenn Sie ein Bild verwenden. Stellen Sie sicher, dass alle Bilder von mathematischen Ausdrücken mit einem alt-Attribut versehen sind, das den mathematischen Ausdruck so beschreibt, wie er gesprochen würde.

Wenn das Mathe-Element nur präsentationsbezogene Kinder hat und der zugängliche Name den mathematischen Ausdruck vermitteln soll, verwenden Sie aria-label, um eine Zeichenkette bereitzustellen, die den Ausdruck darstellt. Wenn das Mathe-Element navigierbare Inhalte enthält, die den mathematischen Ausdruck vermitteln, und ein sichtbares Label für den Ausdruck vorhanden ist, verwenden Sie aria-labelledby. Andernfalls verwenden Sie aria-label, um den Ausdruck zu benennen, z.B. aria-label="Satz des Pythagoras".

Wenn Sie ein Bild oder nicht-semantisches HTML zur Erstellung einer Gleichung verwenden, nutzen Sie die math Rolle.

Der oben erwähnte Satz des Pythagoras wird zugänglich wie folgt geschrieben:

<div role="math" aria-label="a^{2} + b^{2} = c^{2}">
  a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>
</div>

Wenn ein Bild verwendet worden wäre, würde das alt-Attribut zusammen mit der math Rolle verwendet werden:

<img src="pythagorean_theorem.gif" alt="a^{2} + b^{2} = c^{2}" role="math" />

• MathML auf MDN und das <math> Element (nicht HTML)
• Die MathML-Spezifikation