Techniken für WCAG 2.0

Zum Inhalt

-

G175: Bereitstellung eines mehrfarbigen Auswahlwerkzeugs auf der Seite für Vorder- und Hintergrundfarben

Anwendbarkeit

Alle Techniken, die es dem Benutzer erlauben, Einstellungen zum erneuten Gebrauch auf anderen Seiten zu speichern.

Die Technik bezieht sich auf:

Beschreibung

Das Ziel dieser Technik ist es, ein Steuerelement auf einer Webseite oder in einem Satz von Webseiten einzuarbeiten, das es Benutzern erlaubt, bevorzugte Vorder- und Hintergrundfarben für den Inhalt festzulegen. Diese Technik kann durch die Benutzung all jener Techniken implementiert werden, die es Benutzern erlauben, Einstellungen, die man über Seiten hinweg benutzen kann, zu speichern. Bei der Benutzung dieser Technik nimmt ein Autor ein Farbwähler-Steuerelement in die Site auf, das es Benutzern erlaubt, Einstellungen zur Vorder- und Hintergrundfarbe für die Benutzung auf anderen Seiten einer Site auszuwählen und zu speichern. Die Seiten sind so konzipiert, dass nach diesen Einstellungen gesucht wird und das sie sich entsprechend anpassen, wenn gespeicherte Einstellungen gefunden werden.

Viele Benutzer mit kognitiven Behinderungen haben Schwierigkeiten mit standardmäßigem, schwarzen Text auf einem weißen Hintergrund. Manchmal können sie Text viel besser lesen, indem unterschiedliche Farben für Text und Hintergrund benutzt werden und manchmal sind diese Farbkombinationen sehr speziell und nicht so, wie jemand anderes dies erwarten würde (zum Beispiel braun auf blau).

Einige dieser Benutzer haben Schwierigkeiten damit, Farben einzustellen, indem sie die Einstellungen des Browsers oder die Farbeinstellungen des Betriebssystems benutzen. Die Bereitstellung eines Werkzeugs auf der Webseite, das eine große Auswahl an Vorder- und Hintergrundfarben zur Verfügung stellt, ermöglicht es ihnen, die Farben einfach zu wechseln, ohne sich durch die Einstellungen des Browsers durchzuwühlen.

Beispiele

Beispiel 1

Der Benutzer kann hex-Werte in die Textfelder eingeben. Der „Auswahl“-Link öffnet ein Werkzeug zur Farbauswahl für das nebenstehende Feld.

Screenshot, in dem die Steuerelemente für Vorder- und Hintergrundfarbe, bei denen es sich um Textfelder handelt, die hex-Werte enthalten, gezeigt werden. Jedes Feld hat einen Link, der ein Farbwähler-Steuerelement, das zwischen Beschriftung und Textfeld positioniert ist, öffnet.

Das Werkzeug zur Farbauswahl hat sich zur Auswahl einer Farbe geöffnet.

Screenshot, in dem das Werkzeug zur Farbauswahl angezeigt wird, mit einem geöffneten Farbwähler zur Auswahl der Vordergrundfarbe. Der Benutzer kann zwischen 216 Farben auswählen.

Hier sehen Sie ein funktionierendes Beispiel dieser Technik, die durch die Benutzung von PHP, Javascript, CSS und XHTML implementiert wurde: Color Picker Example.

Ressourcen

Ressourcen sind nur zu Informationszwecken und keine offizielle Empfehlung.

Tests

Vorgehensweise

  1. Prüfen Sie, ob es auf der Seite ein Steuerelement gibt, das als Werkzeug zur Farbauswahl gekennzeichnet ist.

  2. Prüfen Sie, ob das Werkzeug zur Farbauswahl eine Auswahl an Farbalternativen für Text und Hintergrund zur Verfügung stellt.

  3. Wählen Sie neue Farben für Text und Hintergrund, indem Sie das Werkzeug benutzen.

  4. Prüfen Sie, ob der Inhalt aktualisiert wird, damit die ausgewählten Farbkombinationen verwendet werden.

Erwartete Ergebnisse

Wenn dies eine ausreichende Technik für ein Erfolgskriterium ist, dann bedeutet das Scheitern an diesem Testverfahren nicht zwangsläufig, dass das Erfolgskriterium nicht auf irgendeine andere Art und Weise erfüllt wurde, sondern nur, diese Technik nicht erfolgreich implementiert wurde und nicht benutzt werden kann, um die Konformität zu erklären.