9.2.2.2 Bewegte Inhalte abschaltbar - Systemeinstellungen berücksichtigen

[Michael-Detmers]

Motivation

In 9.2.2.2 Bewegte Inhalte abschaltbar sollte berücksichtigt werden, dass Systemeinstellungen verwendet werden können. Da dies aktuell nicht der Fall ist, könnte diese nachhaltige Lösung sogar fälschlicherweise im Test abgestraft werden 😟

Vorschlag

Prüfen, ob Systemeinstellungen zur Reduktion von Animationen berücksichtigt werden. Geeignet wären sowohl Einstellungen des Betriebssystems als auch Browserkonfigurationen.

• Im Firefox in about:config: den Wert von ui.prefersReducedMotion auf 1 setzen. Prüfen, ob hiermit Animationen im Prüfgegenstand gestoppt werden.

Animationen in Systemeinstellungen konfigurieren

For Firefox, the reduce request is honoured if:

• In GTK/GNOME: GNOME Tweaks > General tab (or Appearance, depending on version) > Animations is turned off.
  • Alternatively, add gtk-enable-animations = false to the [Settings] block of the GTK 3 configuration file.
• In Windows 10: Settings > Ease of Access > Display > Show animations in Windows.
• In Windows 7: Control Panel > Ease of Access > Make the computer easier to see > Turn off all unnecessary animations (when possible).
• In macOS: System Preferences > Accessibility > Display > Reduce motion.
• In iOS: Settings > General > Accessibility > Reduce Motion.
• In Android 9+: Settings > Accessibility > Remove animations.
• In Firefox about:config: Add a number preference called ui.prefersReducedMotion and set its value to 1. Changes to this preference take effect immediately.

(prefers-reduced-motion - CSS: Cascading Style Sheets | MDN)

Technik

Beispiel mit CSS:

@media (prefers-reduced-motion) {
  * {
    transition: none !important;
    animation: none !important;
  }
}

Beispiel mit JavaScript:

if (window.matchMedia('(prefers-reduced-motion)')) {
    // Handle JavaScript differently
    document.documentElement.className += ' reduced-motion';
}

(Reduced Motion Media Query | Go Make Things)

Appell

1. Zuvor genannte Techniken im BITV-Test berücksichtigen.
2. Werbung bei Entwicklern für diese Technik machen.
3. Betroffenen Nutzern derartige Einstellungesmöglichkeiten zeigen. Von solchen globalen Einstellungen würden sie sehr viel mehr profitieren als von Einzellösungen für Animationen/Kontrast/Textvergrößerung in individuellen Webauftritten und Anwendungen.

[johannesFischer84]

Das ist eine interessante neue Sichtweise und eine gute Idee, finde ich. In den WCAG gibt es bei 2.2.2 auch die Technik G187, welche sich zwar vor allem auf Blinken und GIFs bezieht, aber Einstellungen des Browsers nennt.

In den EN sagt auch 11.7, dass Nutzer-Einstellungen zu beachten sind, wobei sich 11.7 für Webseiten eigentlich nur auf den Browser stützt. Chrome und Firefox haben das allerdings nicht als Nutzereinstellung. Beide nutzen die Systemeinstellungen (bei Chrome habe ich diesen Status dazu gesehen), Firefox kann zusätzlich den about:config-Wert nutzen.

Im Sinne des WCAG-Erfolgskriteriums bin ich dafür, die (Browser- und) Systemeinstellungen einzubeziehen.

[sweckenmann]

Ich teile, dass wir für prefers-reduced-motion "werben" sollten.

Ich denke aber nicht, dass es ausreichend ist, 9.2.2.2 zu erfüllen:

• Nicht alle Nutzende sind Power-User, die diese Einstellungen kennen (insbesondere die Firefox-Einstellungen)
• Auch kann es vorkommen, dass man an fremden Geräten arbeitet und dort vielleicht keine Einstellungen vornehmen kann/darf?

Auch Technik G187 geht nicht explizit auf media queries ein? Vor allem ist die Frage, ob der normative Text es hergibt, dass betriebssystemseitige Einstellungen ausreichen. Ich denke eher nicht.