Im Zuge des ständig stattfindenen Wiki-Gardening fand ich diese Urversion des Multimedia-Tutorials aus dem Jahre 2010: <blockquote> <i>Sie haben Ihre Homepage fast fertig, doch das einzige was Ihnen fehlt ist ein vernünftig ansprechendes "Script" für eine Laufschrift, für Werbung oder Ähnliches.</i> *Versuchen Sie es mit diesem Parameter:* ~~~ HTML <marquee behavior="scroll" direction="left" scrollamount="4" scrolldelay="0"> Das hier ist der einfache Lauftext </marquee> ~~~ [^1] </blockquote> Auch wenn das [Multimedia-Tutorial ](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia) mit `audio` und `video` längst einen anderen Schwerpunkt hat, und sogar ein Kapitel zu [Hintergrundvideos](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/Hintergrundvideo) aufweisen kann, bleibt die Frage: ***„Wie viel Animation ist zu viel?“*** Inhaltsleere Animationen und Gimmicks nur um des Effekts willen sind heutzutage zurecht verpönt. Andererseits können Benutzeraktionen durch kleine Animationen verdeutlicht werden und Videos und Animationen Webseiten auch inhaltlich aufwerten. Die oben gestellte Frage sollte sich daher stets nach der inhaltlichen Notwendigkeit und den Wünschen des Webseiten**benutzers** und nicht des -autors richten. Deshalb rückten im vergangenen Jahr mit *Media Queries Level 5* Medienmerkmale ins Bewusstsein, die bereits im Betriebssystem getroffene Benutzereinstellungen auslesen. Neben dem [im April besprochenen](https://blog.selfhtml.org/2021/apr/30/dark-mode-die-dunkle-seite) Dark Mode spielt hier [`prefers-reduced-animation`](https://wiki.selfhtml.org/wiki/CSS/Media_Queries/Benutzereinstellungen#prefers-reduced-motion) eine große Rolle. Mit dieser Medienabfrage können Sie Animationseffekte in Ihre Webseite einbauen, die aber nicht aktiviert werden, wenn der Benutzer dies nicht wünscht. Alle Animationen deaktivieren zu wollen ist aber auch zu kurz gedacht: <blockquote> Für alle sich bewegenden, blinkenden oder scrollenden Informationen, die <br>(1) automatisch beginnen, <br>(2) länger als fünf Sekunden dauern und <br>(3) parallel zu anderen Inhalten dargestellt werden, gibt es einen Mechanismus, mit dem der Nutzer sie anhalten, stoppen oder ausblenden kann, es sei denn, das Bewegen, Blinken oder Scrollen ist Teil einer Aktivität, für die es unerlässlich ist; W3C: WAI/WCAG[^2] </blockquote> Im oben erwähnten Tutorial zu [Hintergrundvideos](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/Hintergrundvideo) wird das Video bei `prefers-reduced-motion: reduce` nicht automatisch gestartet und stattdessen ein Kontrollfeld eingeblendet mit dem derBenutzer das Video starten kann, **wenn und wann er will!** In den meisten Kapiteln zu Multimedia, CSS-Animationen und der WAAPI sind die Beispiele bereits angepasst, um *best practices* vorzustellen, damit Webautoren **und ihre Nutzer** so viel Multimedia und Animationen bekommen, wie sie wollen! [^1]: [HTML/Tutorials/Multimedia (Version vom 21. April 2010, 09:01 Uhr von Dagstyggur)](https://wiki.selfhtml.org/index.php?title=HTML/Multimedia_und_Grafiken&oldid=4427) [^2]: W3C: WAI/WCAG [Understanding Success Criterion 2.2.2: Pause, Stop, Hide](https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html)

Im Zuge des ständig stattfindenen Wiki-Gardening fand ich diese Urversion des Multimedia-Tutorials aus dem Jahre 2010: <blockquote> <i>Sie haben Ihre Homepage fast fertig, doch das einzige was Ihnen fehlt ist ein vernünftig ansprechendes "Script" für eine Laufschrift, für Werbung oder Ähnliches.<i> *Versuchen Sie es mit diesem Paramater:* ~~~ HTML <marquee behavior="scroll" direction="left" scrollamount="4" scrolldelay="0"> Das hier ist der einfache Lauftext </marquee> ~~~ [^1] </blockquote> Auch wenn das [Multimedia-Tutorial ](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia) mit `audio` und `video` längst einen anderen Schwerpunkt hat, und sogar ein Kapitel zu [Hintergrundvideos](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/Hintergrundvideo) aufweisen kann, bleibt die Frage: ***„Wie viel Animation ist zu viel?“*** Inhaltsleere Animationen und Gimmicks nur um des Effekts willen sind heutzutage zurecht verpönt. Andererseits können Benutzeraktionen durch kleine Animationen verdeutlicht werden und Videos und Animationen Webseiten auch inhaltlich aufwerten. Die oben gestellte Frage sollte sich daher stets nach der inhaltlichen Notwendigkeit und den Wünschen des Webseiten**benutzers** und nicht des -autors richten. Deshalb rückten im vergangenen Jahr mit *Media Queries Level 5* Medienmerkmale ins Bewusstsein, die bereits im Betriebssystem getroffene Benutzereinstellungen auslesen. Neben dem [im April besprochenen](https://blog.selfhtml.org/2021/apr/30/dark-mode-die-dunkle-seite) Dark Mode spielt hier [`prefers-reduced-animation`](https://wiki.selfhtml.org/wiki/CSS/Media_Queries/Benutzereinstellungen#prefers-reduced-motion) eine große Rolle. Mit dieser Medienabfrage können Sie Animationseffekte in Ihre Webseite einbauen, die aber nicht aktiviert werden, wenn der Benutzer dies nicht wünscht. Alle Animationen deaktivieren zu wollen ist aber auch zu kurz gedacht: <blockquote> Für alle sich bewegenden, blinkenden oder scrollenden Informationen, die <br>(1) automatisch beginnen, <br>(2) länger als fünf Sekunden dauern und <br>(3) parallel zu anderen Inhalten dargestellt werden, gibt es einen Mechanismus, mit dem der Nutzer sie anhalten, stoppen oder ausblenden kann, es sei denn, das Bewegen, Blinken oder Scrollen ist Teil einer Aktivität, für die es unerlässlich ist; W3C: WAI/WCAG[^2] </blockquote> Im oben erwähnten Tutorial zu [Hintergrundvideos](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/Hintergrundvideo) wird das Video bei `prefers-reduced-motion: reduce` nicht automatisch gestartet und stattdessen ein Kontrollfeld eingeblendet mit dem derBenutzer das Video starten kann, **wenn und wann er will!** In den meisten Kapiteln zu Multimedia, CSS-Animationen und der WAAPI sind die Beispiele bereits angepasst, um *best practices* vorzustellen, damit Webautoren **und ihre Nutzer** so viel Multimedia und Animationen bekommen, wie sie wollen! [^1]: [HTML/Tutorials/Multimedia (Version vom 21. April 2010, 09:01 Uhr von Dagstyggur)](https://wiki.selfhtml.org/index.php?title=HTML/Multimedia_und_Grafiken&oldid=4427) [^2]: W3C: WAI/WCAG [Understanding Success Criterion 2.2.2: Pause, Stop, Hide](https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html)

Im Zuge des ständig stattfindenen Wiki-Gardening fand ich diese Urversion des Multimedia-Tutorials <blockquote> <i>Sie haben Ihre Homepage fast fertig, doch das einzige was Ihnen fehlt ist ein vernünftig ansprechendes "Script" für eine Laufschrift, für Werbung oder Ähnliches.<i> *Versuchen Sie es mit diesem Paramater:* ~~~ HTML <marquee behavior="scroll" direction="left" scrollamount="4" scrolldelay="0"> Das hier ist der einfache Lauftext </marquee> ~~~ [^1] </blockquote> <blockquote> Für alle sich bewegenden, blinkenden oder scrollenden Informationen, die (1) automatisch beginnen, (2) länger als fünf Sekunden dauern und (3) parallel zu anderen Inhalten dargestellt werden, gibt es einen Mechanismus, mit dem der Nutzer sie anhalten, stoppen oder ausblenden kann, es sei denn, das Bewegen, Blinken oder Scrollen ist Teil einer Aktivität, für die es unerlässlich ist; [^2] </blockquote> [^1]: [HTML/Tutorials/Multimedia (Version vom 21. April 2010, 09:01 Uhr von Dagstyggur)](https://wiki.selfhtml.org/index.php?title=HTML/Multimedia_und_Grafiken&oldid=4427) [^2]: W3C: [Understanding Success Criterion 2.2.2: Pause, Stop, Hide](https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html)

<blockquote> *Sie haben Ihre Homepage fast fertig, doch das einzige was Ihnen fehlt ist ein vernünftig ansprechendes "Script" für eine Laufschrift, für Werbung oder Ähnliches.* *Versuchen Sie es mit diesem Paramater:* ~~~ HTML <marquee behavior="scroll" direction="left" scrollamount="4" scrolldelay="0"> Das hier ist der einfache Lauftext </marquee> ~~~ [^1] </blockquote> [^1]: [HTML/Tutorials/Multimedia (Version vom 21. April 2010, 09:01 Uhr von Dagstyggur)](https://wiki.selfhtml.org/index.php?title=HTML/Multimedia_und_Grafiken&oldid=4427)

<blockquote> *Sie haben Ihre Homepage fast fertig, doch das einzige was Ihnen fehlt ist ein vernünftig ansprechendes "Script" für eine Laufschrift, für Werbung oder Ähnliches.* *Versuchen Sie es mit diesem Paramater:* ~~~ HTML <marquee behavior="scroll" direction="left" scrollamount="4" scrolldelay="0"> Das hier ist der einfache Lauftext </marquee> ~~~ [^1] </blockquote> [^1] [HTML/Tutorials/Multimedia (Version vom 21. April 2010, 09:01 Uhr von Dagstyggur)](https://wiki.selfhtml.org/index.php?title=HTML/Multimedia_und_Grafiken&oldid=4427)

<blockquote> *Sie haben Ihre Homepage fast fertig, doch das einzige was Ihnen fehlt ist ein vernünftig ansprechendes "Script" für eine Laufschrift, für Werbung oder Ähnliches.* *Versuchen Sie es mit diesem Paramater:* ~~~ HTML <marquee behavior="scroll" direction="left" scrollamount="4" scrolldelay="0"> Das hier ist der einfache Lauftext </marquee> ~~~ </blockquote>