Stylesheets (CSS)

Folgende Kriterien stammen aus der Checkliste:
  • Der Text-Hintergrund-Kontrast ist ausreichend: mindestens 4,5 : 1 für kleine Schrift und 3 : 1 für große Schrift.
  • Texte sind auf 200 % vergrößerbar, ohne dass Inhalte und Funktionen verloren gehen.
  • Der Seiteninhalt kann automatisch umbrochen und somit visuell umsortiert werden, wenn die Seite vergrößert oder die Breite des Browserfensters verringert wird. Dadurch ist kein horizontales Scrollen notwendig.
  • Der Nicht-Text-Kontrast zwischen benachbarten Flächen (zum Beispiel zwischen einem Icon und seinem Hintergrund) ist ausreichend: mindestens 3:1.
  • Der Textabstand ist anpassbar, ohne dass Inhalte und Funktionen verloren gehen.
  • Elemente blitzen nicht häufiger als 3 mal pro Sekunde auf
  • Der Tastaturfokus ist sichtbar (z.B. durch Rahmen um das Element, wo man sich gerade befindet).
  • Die Webseite sollte möglichst die Einstellungen des Browsers vom Nutzenden übernehmen, einschließlich Vorder- und Hintergrundfarben, Schriftarten, Schriftgrößen usw.

Hinzufügen von Stylesheet Dateien

Um eigene Stylesheet Dateien in einen Kurs einzufügen müssen diese zunächst im Ablageordner des Kurses hochgeladen werden. Anschließend kann die Stylesheet Datei in den Kurseinstellungen als Style ausgewählt werden.

Einstellungen > Kurs-Layout > CSS aus dem Ablageordner > CSS Datei auswählen

Folgende Kriterien stammen aus der Checkliste:
  • Der Nicht-Text-Kontrast zwischen benachbarten Flächen (zum Beispiel zwischen einem Icon und seinem Hintergrund) ist ausreichend: mindestens 3:1.
  • Texte sind auf 200 % vergrößerbar, ohne dass Inhalte und Funktionen verloren gehen.
  • Der Seiteninhalt kann automatisch umbrochen und somit visuell umsortiert werden, wenn die Seite vergrößert oder die Breite des Browserfensters verringert wird. Dadurch ist kein horizontales Scrollen notwendig.
  • Der Nicht-Text-Kontrast zwischen benachbarten Flächen (zum Beispiel zwischen einem Icon und seinem Hintergrund) ist ausreichend: mindestens 3:1.
  • Der Textabstand ist anpassbar, ohne dass Inhalte und Funktionen verloren gehen.
  • Elemente blitzen nicht häufiger als 3 mal pro Sekunde auf
  • Der Tastaturfokus ist sichtbar (z.B. durch Rahmen um das Element, wo man sich gerade befindet).
  • Die Webseite sollte möglichst die Einstellungen des Browsers vom Nutzenden übernehmen, einschließlich Vorder- und Hintergrundfarben, Schriftarten, Schriftgrößen usw.
Im Folgenden finden Sie Informationen zum Verändern des Kurslayout mithilfe von Stylesheet (CSS) und Javascript (JS) Dateien.

Hinzufügen von Stylesheet Dateien

Aufgabe bearbeiten: Optionen > Erweiterte Einstellungen

BITV-Anforderungen