Auch im kaufmännischen Bereich braucht man mitunter Darstellungen von mathematischen Ausdrücken – etwa bei der Zinsformel, bei der Prozentrechnung oder bei Kalkulationen. Je nach Anwendung kann LaTeX auch an seine Grenzen stoßen, wenn es um einfache Integration und Barrierefreiheit geht. Eine Alternative dazu ist MathML, das vor allem durch seine direkte HTML5-Integration und Barrierefreiheit überzeugt.

MathML steht für Mathematical Markup Language und ist eine Auszeichnungssprache speziell für mathematische Ausdrücke – ähnlich wie HTML für Text und Webseiten.

MathML Core gehört zum HTML5-Standard und wird seit 2023 von allen großen Browsern in wesentlichen Teilen unterstützt. Damit funktioniert es plattformübergreifend.

Vorteile von MathML

  • Barrierefreiheit: MathML wird von modernen Screenreadern erkannt. Die Skalierung erfolgt hochauflösend.
  • HTML5-Integration: Da MathML ein offizieller Teil von HTML5 ist, lässt es sich direkt in Webseiten einbetten.
  • Anpassbar über CSS: MathML-Formeln lassen sich optisch an das eigene Design anpassen (zum Beispiel größere Schriftgröße, farbliche Hervorhebung von Variablen).

Beispiel Prozentrechnung:

2.000,00 € ≙ 100 % x ≙ 19 %


⇒ 2.000,00 € × 19 % = x × 100 %

⇒ x = 2.000,00 € × 19 % 100 %

⇒ x = 380,00 €

In Chromium-Browsern funktioniert die Text-Ausrichtung in den Zellen der MathML-Tabellen nicht. Daher ist MathML (momentan) noch nicht für Kalkulationen geeignet.

Beispiel Moodle-Test

Bei Moodle-Tests (zum Beispiel Lückentext/Cloze) kann MathML direkt im Quelltext eingebunden werden, was die Erstellung mathematischer Aufgaben vereinfacht.

Screenshot Test. Eingabe

Screenshot Test: Ausgabe

Den MathML-Code aus dem Beispiel bekommt man mit dem BwR-Helfer | Zinsformel.

MathML erstellen

Die Erstellung von MathML kann auf verschiedene Weisen erfolgen. Das manuelle Schreiben ist umständlich und zeitaufwendig. Im Moodle der ByCS Lernplattform kann man im TinyMCE mathematische Audrücke mit dem Gleichungseditor in TeX erstellen. Die erstellte Formel kann auch den MathML-Code ausgeben:

Screenshot Tex-Formel

Hier ergeben sich Probleme, daher folgende Hinweise:

  • MathML muss im HTML-Modus eingefügt und dort bearbeitet werden.
  • Es wird ein style="display: block;" hinzugefügt, was prinzipiell richtig ist, aber in Moodle den Bruchstrich über den ganzen Container zieht.
  • Moodle setzt außen rum einen overflow-auto-Container, was standardmäßig unschöne und unnötige Scrollbalken setzt.
  • style="display: block;" sollte demnach (momentan) mit style="overflow: hidden;" ersetzt werden.
  • Prinzipiell sollte man MathML Core verwenden, was anscheinend aber auch der Fall ist.

Fazit

MathML bietet eine moderne, barrierefreie und flexibel anpassbare Möglichkeit, mathematische Formeln darzustellen. Im Gegensatz zu LaTeX, das für viele Druck- und Wissenschaftsanwendungen ideal ist, punktet MathML vor allem dann, dass Formeln direkt in HTML eingebunden und einfach angepasst werden können. Dank MathML Core und der Integration in den HTML5-Standard wird MathML zunehmend von aktuellen Browsern unterstützt. Dennoch gibt es Unterschiede in der Darstellung und noch nicht alle MathML-Features werden von allen Browsern gleichermaßen interpretiert.

Quellen