Neue Farbauswahl-Tools und -Features: Parameter, Bookmarklet, Farbtest-Seite
Die Abteilung 2.2 Web und Design hat zusammen mit dem imperia-Team der CIT neue Tools und Features zur Farbenwahl erstellt:
- Eine Seite zur Kontrastprüfung von Farben und mit übersichtlicher, konfigurierbarer Darstellung barrierefreier Farben wurde entwickelt
- Die Parameter für Farben im Metainfo-Bereich der Hauptrubrik wurden neu definiert und mit Farbauswahl sowie Kontrast-Infos versehen
- Ein Farben-Preview bzw. Farbtausch-Tool auf Basis eines Bookmarklets wurde entwickelt.
WCAG 2.2 Kontrastprüfung – Alle 16.777.216 Webfarben
Die Seite "WCAG 2.2 Kontrastprüfung – Alle 16.777.216 Webfarben" enthält neben einem Prüftool, das den Kontrast einer beliebigen Farbe zu Weiß bewertet, auch eine Farbenübersicht / Farbauswahl für barrierefreie Farben. Letztere ist mit vielen Einstellungsmöglichkeiten konfigurierbar und soll mit seiner Farbkacheldarstellung die optische Auswahl passender und barrierefreier Farben erleichern.
Farb-Parameter im Rubrik-Metainfo-Bereich
Die Farb-Parameter im Metainfo-Bereich wurden neu definiert und die Funktionalität verbessert. So kann nutzt der Parameter jetzt den HTML Farbwähler eines Browsers und berechnet und bewertet Kontraste.
Hinweis: Sollte ein Farbwert nicht in der internen Farbliste mit bereits bestehenden Farben vorliegen, wählt das System bei manueller Eingabe aus dieser Liste einen möglichst ähnlichen Farbton aus. Neue Farbwerte müssen nach wie vor in diese interne Liste eingetragen werden, sofern sie noch nie verwendet wurden. Schreiben Sie dazu ihre Wunschfarben an or.support@uni-muenster.de. Es werden aber nur Farben mit dem geforderten Mindestkontrast von 4,5:1 eingetragen.
Bookmarklet: Farbtausch-Tool
Das Bookmarklet ist ein kleines Skript, das per Lesezeichen auf imperia-Webseiten der Uni-Münster aufgerufen werden kann und über ein kleines Formularfenster den temporären Austausch der Primär- und Sekundärfarben ermöglicht. Es soll vor allem das Ausprobieren von Farben und Farbkombinationen für Webseiten erleichtern, ohne dass dafür die Farb-Parameter im Metabereich bereits gesetzt werden müssen oder dass man die Developer-Tools eines Browsers benötigt.
Sie finden das Bookmaklet und Infos zur Installation im Akkordeon "Farben" auf der Gestaltungselemente-Seite im Leitfaden Web der Abteilung Web und Design.
Die Seite "WCAG 2.2 Kontrastprüfung – Alle 16.777.216 Webfarben" enthält neben einem Prüftool, das den Kontrast einer beliebigen Farbe zu Weiß bewertet, auch eine Farbenübersicht / Farbauswahl für barrierefreie Farben. Letztere ist mit vielen Einstellungsmöglichkeiten konfigurierbar und soll mit seiner Farbkacheldarstellung die optische Auswahl passender und barrierefreier Farben erleichern.
Farb-Parameter im Rubrik-Metainfo-Bereich
Die Farb-Parameter im Metainfo-Bereich wurden neu definiert und die Funktionalität verbessert. So kann nutzt der Parameter jetzt den HTML Farbwähler eines Browsers und berechnet und bewertet Kontraste.
Hinweis: Sollte ein Farbwert nicht in der internen Farbliste mit bereits bestehenden Farben vorliegen, wählt das System bei manueller Eingabe aus dieser Liste einen möglichst ähnlichen Farbton aus. Neue Farbwerte müssen nach wie vor in diese interne Liste eingetragen werden, sofern sie noch nie verwendet wurden. Schreiben Sie dazu ihre Wunschfarben an or.support@uni-muenster.de. Es werden aber nur Farben mit dem geforderten Mindestkontrast von 4,5:1 eingetragen.
Bookmarklet: Farbtausch-Tool
Das Bookmarklet ist ein kleines Skript, das per Lesezeichen auf imperia-Webseiten der Uni-Münster aufgerufen werden kann und über ein kleines Formularfenster den temporären Austausch der Primär- und Sekundärfarben ermöglicht. Es soll vor allem das Ausprobieren von Farben und Farbkombinationen für Webseiten erleichtern, ohne dass dafür die Farb-Parameter im Metabereich bereits gesetzt werden müssen oder dass man die Developer-Tools eines Browsers benötigt.
Sie finden das Bookmaklet und Infos zur Installation im Akkordeon "Farben" auf der Gestaltungselemente-Seite im Leitfaden Web der Abteilung Web und Design.