Skip to main content

5. Formatierung: Schrift

Inhalt: Relevanz Verwendung barrierefreier Schrift, Anleitung zur Umsetzung.

Warum ist die Schrift wichtig?

Aus Gestaltungsgründen kann es oft sinnvoll sein, Schrift farblich oder kursiv, fett oder unterstrichen hervorzuheben. Hier ist darauf zu achten, dass die Schrift in alternativen Ausgabemedien wahrgenommen werden kann. Hinsichtlich der Barrierefreiheit können Texte in kursiver oder kontrastarmer Schrift nur schwer zu lesen sein. 

Wie gestalten Sie die Schrift barrierefrei?

Sonderformatierungen wie fette, kursive oder unterstrichene Schrift sollten im Rahmen der Barrierefreiheit sparsam eingesetzt werden.

Sonderformatierungen finden Sie im Text-Editor, der sich im Bearbeitungsmodus der ILIAS-Seite öffnet, sobald auf ein Textfeld geklickt wird.

Dafür klicken Sie zunächst auf „Seite gestalten“ und daraufhin auf das Plus-Zeichen und wählen „Text einfügen“ aus. Im Text-Editor finden Sie unter „Zeichenformate“ verschiedene Sonderformatierungen (siehe Abb. 1).

Screenshot: ILIAS-Kursraum im Bearbeitungsmodus. Der Text-Editor ist geöffnet.
Abb. 1: Sonderformatierungen im Text-Editor.

Unter dem Icon „A mit einer Pfeilspitze“ finden Sie vorgegebene Möglichkeiten, die Schrift einzufärben.

In den WCAG 2.1 Richtlinien für barrierefreie Webinhalte steht, dass der Kontrast zwischen Vordergrund- und Hintergrundfarbe mindestens 4,5:1 benötigt. 

Aufgrund dessen, wird nur die Nutzung der folgenden farblichen Formatierung empfohlen:

  • Kommentar
  • Code
  • Mnemonic

Die Formatierungen Zitat, Akzentuierung und Attention liegen unter dem Kontrast-Standard der WCAG 2.1. Sie können das Kontrastverhältnis beispielsweise mit Hilfe des Open-Source-Tools Colour Contrast Analyser“Analyser ermitteln.