Prüfschritt 11.7 Benutzerdefinierte Einstellungen

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)

    • Im Bereich "Sprache und Erscheinungsbild" die Schriftgröße auf einen deutlich höheren Wert als den Standard-Wert setzen (z.B. 24). 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 bei der Checkbox "Seiten das Verwenden von eigenen statt der oben gewählten Schriftarten erlauben" den Haken entfernen.

    • Den Button "Farben…" wählen, veränderte Text- und Hintergrundfarbe mit großem Kontrastabstand einstellen.

    • Die Checkbox "Systemfarben verwenden" deaktivieren.

    • Bei der Auswahlliste "Oben ausgewählte Farben anstatt der Farben der Seite verwenden" den Wert "Immer" auswählen.

    • Mit "OK" bestätigen.

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

  4. Prüfen, ob alle wichtigen Bedienelemente und deren Zustände (z.B. "Hamburger"-Schaltfläche und Zustände von Formularelementen wie Auswahlschalter und Kontrollkästchen) 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.

Für die Praxis fehlen noch Hinweise. Sie können auf GitHub ein Issue zu diesem Prüfschritt erstellen, um bei der Entwicklung der Prüfung mitzuwirken.

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.