{"id":9133,"date":"2024-05-11T15:30:17","date_gmt":"2024-05-11T13:30:17","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?p=9133"},"modified":"2024-06-28T12:25:56","modified_gmt":"2024-06-28T10:25:56","slug":"9133-2","status":"publish","type":"post","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/9133-2\/","title":{"rendered":"Animationen und Bewegungen &#8211; Trigger-Warnungen in der digitalen Barrierefreiheit"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/digitale-barrierefreiheit.podigee.io\/241-trigger-warnungen-bei-animationen-und-bewegungen\/embed?context=external&#038;theme=default\" style=\"border: 0\" frameBorder=\"0\" height=\"100\" width=\"100%\"><\/iframe><br \/>\nUnerw\u00fcnschte Effekte in Web-Applikationen und Videos sind relativ h\u00e4ufig und manchmal unvermeidbar. Trigger-Warnungen kommen nach meinem Wissen in der digitalen Barrierefreiheit bisher nicht vor. Ich m\u00f6chte hier diskutieren, wann sie sinnvoll sein k\u00f6nnen und wie sie umsetzbar sind. <\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/9133-2\/#Was_koennen_Trigger_sein\" >Was k\u00f6nnen Trigger sein?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/9133-2\/#Das_Thema_in_der_WCAG\" >Das Thema in der WCAG<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/9133-2\/#Trigger-Warnungen_einsetzen\" >Trigger-Warnungen einsetzen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/9133-2\/#Konfiguration_innerhalb_der_Applikation\" >Konfiguration innerhalb der Applikation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/9133-2\/#Weitere_Artikel\" >Weitere Artikel<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Was_koennen_Trigger_sein\"><\/span>Was k\u00f6nnen Trigger sein?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In der Praxis gibt es zahllose Anfalls-Erkrankungen bzw. St\u00f6rungen, die durch zahllose Trigger ausgel\u00f6st werden k\u00f6nnen. Epilepsie ist sicher die bekannteste Erkrankung. Daneben gibt es zum Beispiel Autismus oder bestimmte Formen von Migr\u00e4ne. Parallax-Effekte stehen zum Beispiel im Verdacht, dass sie in bestimmten F\u00e4llen Migr\u00e4ne ausl\u00f6sen k\u00f6nnen, was aber meines Wissens bislang nicht empirisch belegt ist.<br \/>\nBei Epilepsie gelten vor allem Blitzen und Flackern als Trigger. Es gibt das ber\u00fchmte Beispiel eines japanischen Animations-Films aus den 90er Jahren, der bei zahlreichen Kindern epileptische Anf\u00e4lle ausgel\u00f6st hat. Interessant ist daran auch, dass viele Personen Anf\u00e4lle bekommen k\u00f6nnen, bei denen bisher keine Epilepsie erkannt wurde. Effekte k\u00f6nnen also unbeabsichtigt den ersten epeleptischen Anfall bei einer Person ausl\u00f6sen.<br \/>\nBeim Thema Autismus ist es ein wenig komplizierter. Trigger-Warnungen sind in diesem Fall weniger sinnvoll aus zwei Gr\u00fcnden:<\/p>\n<ul>\n<li>Es gibt die verschiedensten Trigger, weil sehr individuell ist, was als Trigger wirkt: Es kann eine bestimmte Farb-Kombination, bestimmte Effekte in Videos oder auch Bewegungen von Bedien-Elementen sein, das ist nicht vorhersagbar.<\/li>\n<li>Die Betroffenen wissen selbst am besten, was sie triggert und haben wenn m\u00f6glich Strategien oder Anpassungen entwickelt, um sie m\u00f6glichst zu reduzieren.<\/li>\n<\/ul>\n<p>Ebenfalls auslassen k\u00f6nnen wir die Gruppe der Aufmerksamkeits-St\u00f6rungen. Zwar wirken sich f\u00fcr sie St\u00f6rungen negativ auf die Aufmerksamkeit aus, sie f\u00fchren aber nicht dazu, dass sie die Anwendung beenden m\u00fcssen und k\u00f6nnen mit den anderen hier genannten Optionen bereits abgedeckt werden.<br \/>\nDaher lautet die Empfehlung, sich an die WCAG zu halten, was die Identifikation m\u00f6glicher Trigger angeht. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Das_Thema_in_der_WCAG\"><\/span>Das Thema in der WCAG<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Es gibt vor allem zwei Kriterien in der WCAG 2.2, die auf das Thema eingehen. Zun\u00e4chst ist da 2.2.2 Pause, stop, hide, hier in der \u00dcbersetzung mit DeepL:<\/p>\n<blockquote><p>\nF\u00fcr sich bewegende, blinkende, scrollende oder automatisch aktualisierende Informationen treffen alle der folgenden Punkte zu:<br \/>\nF\u00fcr alle sich bewegenden, blinkenden oder scrollenden Informationen, die (1) automatisch starten, (2) l\u00e4nger als f\u00fcnf 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\u00e4t, f\u00fcr die es unerl\u00e4sslich ist; und<br \/>\nAutomatische Aktualisierung<br \/>\nF\u00fcr jede sich automatisch aktualisierende Information, die (1) automatisch startet und (2) parallel zu anderen Inhalten dargestellt wird, gibt es einen Mechanismus, mit dem der Benutzer sie anhalten, stoppen oder ausblenden oder die H\u00e4ufigkeit der Aktualisierung kontrollieren kann, es sei denn, die automatische Aktualisierung ist Teil einer Aktivit\u00e4t, f\u00fcr die sie unerl\u00e4sslich ist.\n<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/pause-stop-hide.html\">Quelle: Understanding SC 2.2.2:<\/a><br \/>\nDas oben genannte Kriterium bezieht sich auf Animationen, die von der Anwendung ausgel\u00f6st werden. Daneben gibt es das AAA-Kriterium 2.3.3 Animation from Interactions, welches sich auf Effekte bezieht, die durch den Nutzer durch Interaktion ausgel\u00f6st werden, also etwa durch Klicken auf ein UI-Element. Auch hier kann es ja Effekte geben wie Blinken oder Blitzen. Solche Effekte sollen vollst\u00e4ndig abschaltbar sein, wenn sie nicht f\u00fcr die Anwendung unerl\u00e4sslich sind. Wie gesagt ein AAA-Kriterium, also nicht verpflichtend.<br \/>\nDaneben gibt es SC 2.3.1: Three Flashes or Below Threshold, wiederum mit DeepL \u00fcbersetzt. <\/p>\n<blockquote><p>Webseiten enthalten keine Elemente, die innerhalb einer Sekunde mehr als dreimal aufblinken, oder das Aufblinken liegt unter den Schwellenwerten f\u00fcr allgemeines und rotes Blinken.\n<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/three-flashes-or-below-threshold.html\">Quelle: Understanding SC 2.3.1 Three Flashes or Below Threshold<\/a><br \/>\nVom letzteren Kriterium gibt es noch eine AAA-Version, 2.3.2 Three Flashes, die generell kein Blitzen und Flackern erlaubt. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Trigger-Warnungen_einsetzen\"><\/span>Trigger-Warnungen einsetzen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Der erste Schritt ist nat\u00fcrlich, Animationen entweder nicht automatisch zu starten, sie automatisch anzuhalten oder einen Mechanismus zum Pausieren oder Ausblenden anzubieten.<br \/>\nEs gibt F\u00e4lle, wo das nicht funktioniert. Zum Beispiel gibt es in einigen Verkehrs-Apps ein bewegtes Element, dass f\u00fcr die Verkehrs-Kontrolle notwendig ist. Oder es gibt Videos, bei denen Blitzen oder Flackern aus irgendeinem Grund enthalten sind und man es nicht entfernen kann. Das hei\u00dft, eine dezente Warnung reicht, dass auf der folgenden Seite Trigger der Form X, Y oder Z enthalten sein k\u00f6nnen. Im obigen Beispiel der Verkehrs-App kann etwa stehen: Der folgende Screen enth\u00e4lt eine Animation, die f\u00fcr die Verkehrs-Kontrolle notwendig ist. Die kontrollierte Person kann die App vorzeigen und danach die App schnellst-m\u00f6glich schlie\u00dfen. Damit die Warnung wahrgenommen ist, sollte sie optisch hervorgehoben bzw. nicht in einem Haufen anderen Text versteckt sein. Ich halte eine solche Warnung auch f\u00fcr sinnvoll, wenn im n\u00e4chsten Element selbst-startende Audio- oder Video-Inhalte vorhanden sind, enorm nervig f\u00fcr Screenreader-Nutzende oder Schwerh\u00f6rige.<br \/>\nGenerell sollte die Warnung nicht-obstrusiv, aber wahrnehmbar sein. Sie kann zum Beispiel als normaler Text-Inhalt unmittelbar vor dem Trigger eingebunden werden. Obstrusive Meldungen wie wegzuklickende Dialoge halte ich in diesem Fall eher f\u00fcr st\u00f6rend f\u00fcr die Personen, die vom Trigger nicht betroffen sind.<br \/>\nEine weitere M\u00f6glichkeit, die auf jeden Fall genutzt werden sollte sind die Einstellungen zur Reduktion von Animationen im Betriebssystem. Wenn jemand in seinem Betriebssystem eingestellt hat, dass sie verzichtbare Animationen weggelassen werden sollen, sollte man das auch f\u00fcr die Website oder App \u00fcbernehmen, soweit die Animationen oder Bewegungen verzichtbar sind. Oder man sollte sie auf eine Weise einbinden, dass die Nutzerin selbst entscheiden kann, wann sie sie starten m\u00f6chte.<br \/>\nEin spezielles Thema sind Videos oder \u00e4hnliche Inhalte, die WCAG-relevante Trigger enthalten. Auch hier sollte im Standbild oder im Intro des Videos oder der Animation deutlich darauf hingewiesen werden, dass solche Inhalte im Video zu finden sind und um welche Trigger es sich konkret handelt. Ist das Video f\u00fcr die Nutzung der Applikation unerl\u00e4sslich, sollte eine Text-Alternative angeboten werden. Bitte nutzen Sie solche Warnungen nicht pr\u00e4ventiv f\u00fcr jedes Video, sondern nur, wenn solche Inhalte tats\u00e4chlich vorhanden sind. Nur weil jemand Epeleptikerin oder Autistin ist, hei\u00dft das nicht, dass sie sich keine Videos anschauen wollen. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Konfiguration_innerhalb_der_Applikation\"><\/span>Konfiguration innerhalb der Applikation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In manchen F\u00e4llen kann es sinnvoll sein, Konfigurations-M\u00f6glichkeiten innerhalb der Apps anzubieten. Mainstream-Betriebssysteme haben solche Funktionen f\u00fcr ihre eigenen Bereiche bereits: Man kann zum Beispiel unn\u00f6tige Animationen f\u00fcr Nutzerinnen-Eingaben abstellen, etwa um Trigger zu verringern, aber auch f\u00fcr Zwecke der Batterie-Einsparung.<br \/>\nDas ist sinnvoll f\u00fcr vermeidbare Trigger, also sowohl f\u00fcr Animationen, die nicht von Eingaben der Nutzenden ausgel\u00f6st werden, als auch Animationen von Bedien-Elementen.<br \/>\nBietet man solche Optionen an, sollten sie m\u00f6glichst leicht in den Einstellungen auffindbar sein. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Weitere_Artikel\"><\/span>Weitere Artikel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/formen-von-einschraenkungen\/autismus\/animationen-und-bewegungen-barrierefrei-gestalten\/\">Animationen und Bewegungen barrierefrei gestalten<\/a><\/li>\n<li><a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/8671-2\/\">Warum pers\u00f6nliche Einstellungen die Zukunft der digitalen Barrierefreiheit sind<\/a><\/li>\n<li><a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/neuro-diversitaet-und-barrierefreiheit\/\">Neuro-Diversit\u00e4t und Barrierefreiheit<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Unerw\u00fcnschte Effekte in Web-Applikationen und Videos sind relativ h\u00e4ufig und manchmal unvermeidbar. Trigger-Warnungen kommen nach meinem Wissen in der digitalen Barrierefreiheit bisher nicht vor. Ich&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/9133-2\/\">Weiterlesen<span class=\"screen-reader-text\">Animationen und Bewegungen &#8211; Trigger-Warnungen in der digitalen Barrierefreiheit<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-9133","post","type-post","status-publish","format-standard","hentry","category-allgemein","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/9133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/comments?post=9133"}],"version-history":[{"count":6,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/9133\/revisions"}],"predecessor-version":[{"id":9207,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/9133\/revisions\/9207"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=9133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/categories?post=9133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/tags?post=9133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}