Jetzt Test anfragen
Jetzt Test anfragen
zum vorherigen Prüfschritt

Prüfschritt 11.7 Benutzerdefinierte Einstellungen

zum nächsten Prüfschritt

Was wird geprüft?

Die Seite soll benutzerdefinierte Browsereinstellungen berücksichtigen. Im Einzelnen können dies folgende Punkte sein:

  • Geänderte Vorder- und Hintergrundfarben

  • Schriftarten

  • Schriftgrößen

  • Darstellung des Fokuscursors

  • Maßeinheiten

Die Seite kann darüber hinaus eigene Werte für diese Einstellungen anbieten. Wenn diese Einstellungen nicht genutzt werden, sollen die Browsereinstellungen übernommen werden. In manchen Fällen muss die Seite neu geladen werden, damit sich die Änderungen auswirken.

Warum wird das geprüft?

Wenn Menschen eigene Einstellungen im Browser vornehmen, zum Beispiel weil sie größere Schrift oder eigene angepasste Farbeinstellungen brauchen, sollen diese vom Webangebot wo immer möglich respektiert und übernommen werden.

Wie wird geprüft?

1. Anwendbarkeit des Prüfschritts

Der Prüfschritt ist immer anwendbar.

2. Prüfung

  1. Die Seite im Firefox Browser laden

  2. Einstellungen öffnen (Element Menü öffnen > Einstellungen)

  3. Im Bereich "Sprache und Erscheinungsbild" folgende Einstellungen vornehmen:

    • Die Schriftgröße auf einen deutlich höheren Wert als den Standard-Wert setzen (z. B. verdoppeln auf 32px). In den Einstellungen "Erweitert…​" sollte für Mindestschriftgröße "Keine" ausgewählt sein.

    • Über den Button "Erweitert…" für die Schriftarten "Serif", "Sans Serif" und "Feste Breite" deutlich abweichende Schrifttypen (Fonts) einstellen und die Checkbox "Seiten das Verwenden von eigenen statt der oben gewählten Schriftarten erlauben" deaktivieren.

    • Im Bereich "Kontrasteinstellungen" den Auswahlschalter "Benutzerdefiniert" auswählen. Den Button "Farben verwalten …" aktivieren, veränderte Text- und Hintergrundfarbe mit großem Kontrastabstand einstellen und mit "OK" bestätigen.

  4. Prüfen, ob sich Einstellungen der Schrifttype, Schriftgröße und Vorder- bzw. Hintergrund-Farben auf die Darstellung der Seite auswirken und übernommen werden.

  5. Prüfen, ob alle wichtigen Bedienelemente und deren Zustände (z. B. "Hamburger"-Schaltfläche und Zustände von selbst gestalteten Formularelementen wie Auswahlschalter oder Checkboxen) bei geänderten Vorder- und Hintergrund-Farben noch sichtbar sind.

3. Hinweise

3.1. Einzusetzender Browser für die Prüfung

Zur Prüfung sollte wenn möglich der Firefox-Browser genutzt werden, der diese Einstellungsmöglichkeiten bietet. In anderen Browsern sind ggf. nicht alle diese Einstellungen zu finden, oder sie sind unwirksam.

Wenn zur Prüfung andere Browser genutzt werden und sich die Darstellung trotz geänderter Voreinstellungen nicht ändert, kann dies am Browser oder auch an Vorgaben der Web-Anwendung liegen.

3.2 Hinweis zur Prüfung mit Firefox

Der Firefox-Browser übernimmt für button-Elemente die vom Nutzer gewählte Hintergrundfarbe nicht bzw. setzt eine eigene Farbe. Dies darf nicht als Fehler bewertet werden.

3.3 CSS-Schlüsselwort currentColor

Beim Einsatz von informationstragenden Grafiken kann für Inline-SVGs das CSS-Schlüsselwort currentColor verwendet werden. Es übernimmt die definierte Vordergrundfarbe (color). Wird für ein Inline-SVG fill: currentColor per CSS gesetzt, passt sich die Füllfarbe des Icons automatisch an die aktuelle Schrift- bzw. Vordergrundfarbe des umgebenden Elements an. Ändert sich die Vordergrundfarbe durch benutzerdefinierte Browsereinstellungen oder Kontrastmodi, wird diese auch vom SVG übernommen – die Grafik bleibt dadurch auch vor einer benutzerdefinierten Hintergrundfarbe gut sichtbar. Dabei muss darauf geachtet werden, dass im SVG selbst kein fill-Attribut vorhanden ist, da dieses sonst die CSS-Regel überschreibt.

4. Bewertung

Erfüllt

  • Die Seite wird im Firefox-Browser nach dem Vornehmen von abweichenden Einstellungen (z. B. heller Text auf dunklem Hintergrund) entsprechend anders dargestellt. Alle wichtigen Funktionen sind auch bei benutzerdefinierten Farbeinstellungen weiterhin bedienbar, Schriften erscheinen vergrößert und in der jeweils eingestellten Schrifttype.

Teilweise erfüllt oder schlechter

  • Aufgrund von benutzerdefinierten Farbeinstellungen treten Probleme auf, zum Beispiel:

    • Für die Nutzung des Webauftritts wichtige informationstragende Grafiken oder grafische Bedienelemente sind nicht mehr sichtbar.

    • Unterschiedliche Zustände von Formularelementen (z. B. Auswahlschalter oder Kontrollkästchen) sind nicht mehr unterscheidbar.

    • Fließtext wird nicht vergrößert dargestellt.

Quellen

  • Zurzeit keine Quellen.

Einordnung des Prüfschritts

Einordnung des Prüfschritts nach EN 301 549 V3.2.1

11.7 User preferences

Where Web-App is not designed to be isolated from its platform, and provides a user interface, that user interface shall follow the values of the user preferences for platform settings for: units of measurement, colour, contrast, font type, font size, and focus cursor except where they are overridden by the user.

NOTE 1: Web-App that is isolated from its underlying platform has no access to user settings in the platform and thus cannot adhere to them.

NOTE 2: For web content, the underlying platform is the user agent.

NOTE 3: This does not preclude the Web-App from having additional values for a setting as long as there is one mode where the application will follow the system settings even if more restricted.