Neue Symbole
Wir arbeiten kontinuierlich daran, Ihre Benutzererfahrung zu verbessern. Im vergangenen Jahr haben wir uns darauf konzentriert, die Barrierefreiheit und das Design der Symbole auf der gesamten Plattform zu optimieren. Im Rahmen dieser Bemühungen erhöhen wir den Kontrast unserer Symbole und gestalten sie gleichzeitig konsistenter, moderner und aussagekräftiger.
Einige Symbole entsprechen nicht den Best-Practice-Empfehlungen für „hohen Kontrast“ und müssen daher angepasst werden. Wir nutzen diese Gelegenheit, um alle Symbole zu überarbeiten und sie aussagekräftiger zu gestalten.
Was geschah bisher?
Wir aktualisieren alle Symbole auf der Plattform. Unten können Sie einen der Bereiche sehen, den wir bereits überarbeitet haben.
Bildschirmfoto der alten Symbole in Einstellungen – Kurs verwalten
Bildschirmfoto der neuen Symbole in Einstellungen – Kurs verwalten
Hinweis: Wir ändern weder das Layout, die Titel, den Workflow noch die Funktionalität. Diese Änderung betrifft ausschließlich die Bereitstellung einheitlicher und barrierefreierer Symbole.
Vorteile der Änderung
Symbole mit höherem Kontrast – Verbesserung der Barrierefreiheit für alle Nutzenden.
Ein modernes Design – Verbesserung der gesamten Benutzererfahrung und der visuellen Einheitlichkeit.
Diese Änderungen machen itslearning für alle benutzerfreundlicher und optisch ansprechender.
Hinweis: Wir werden keine Symbole ändern, die externe Anbieter darstellen, z. B. Microsoft.
Weitere Informationen zu unseren Symbolen
Der Farbkontrast wird durch die Helligkeit (Luminanz) der Farben bestimmt, nicht durch ihren Farbton. Das bedeutet, dass die innere Form und der Hintergrund einen ähnlichen Farbton (z. B. Rot, Grün oder Blau) haben können, solange das Kontrastverhältnis den WCAG-Standards entspricht — mindestens 3:1 für Nicht-Text-Elemente (Erfolgskriterium 1.4.11: Nicht-Text-Kontrast).
Beispiele und Konformität
Unten finden Sie Beispiele für neue Symbole zusammen mit den Kontrastverhältnissen ihrer bedeutungstragenden Formen auf Basis der relativen Luminanz. Alle Kombinationen entsprechen den WCAG-Anforderungen.
Beispiele neuer Symbole und der Farbkontrast der bedeutungstragenden Formen, die auf der relativen Luminanz basieren (im Text oberhalb der Symbole). Alle Kombinationen entsprechen den WCAG-Anforderungen.
Verständnis der Farbdimensionen
Farben werden durch Helligkeit, Farbton und Sättigung definiert, aber für die Barrierefreiheit ist die Helligkeit der entscheidende Faktor, um ausreichenden Kontrast und gute Sichtbarkeit zu gewährleisten.
Die Dimensionen von Farben werden durch Helligkeit, Farbton und Sättigung angegeben. Im Kontext der Barrierefreiheit ist die Helligkeit die wichtigste Dimension.
Einige der in diesem Artikel dargestellten Symbole können Änderungen unterliegen.