{"id":11133,"date":"2026-10-03T15:38:55","date_gmt":"2026-10-03T13:38:55","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?p=11133"},"modified":"2026-10-03T16:07:14","modified_gmt":"2026-10-03T14:07:14","slug":"wcag-fuer-mobile-und-touch","status":"publish","type":"post","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/","title":{"rendered":"WCAG f\u00fcr Mobile und Touch"},"content":{"rendered":"<p><audio controls preload=\"none\" style=\"width:100%;\"><source src=\"https:\/\/lcdn.letscast.fm\/media\/podcast\/9ebbee53\/episode\/a26fe077.mp3?t=1791034811\" type=\"audio\/mpeg\"><\/audio><\/p>\n<p>Die Web Content Accessibility Guidelines (WCAG) enthalten verschiedene Anforderungen, die insbesondere f\u00fcr die Bedienung von Websites und Anwendungen mit Touchscreens, Zeigeger\u00e4ten und mobilen Endger\u00e4ten relevant sind. Im Mittelpunkt stehen dabei unter anderem die einfache Bedienbarkeit von Gesten, das Vermeiden unbeabsichtigter Aktionen, ausreichend gro\u00dfe Bedienelemente sowie eine flexible Darstellung auf mobilen Ger\u00e4ten.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 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 ' ><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#251_Zeigergesten_Pointer_Gestures_%E2%80%93_Stufe_A\" >2.5.1 Zeigergesten (Pointer Gestures) \u2013 Stufe A<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Prinzip\" >Prinzip<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Beispiele\" >Beispiele<\/a><\/li><\/ul><\/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\/wcag-fuer-mobile-und-touch\/#252_Zeiger-Abbruch_Pointer_Cancellation_%E2%80%93_Stufe_A\" >2.5.2 Zeiger-Abbruch (Pointer Cancellation) \u2013 Stufe A<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Prinzip-2\" >Prinzip<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Beispiele-2\" >Beispiele<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#254_Bewegungsausloesung_Motion_Actuation_%E2%80%93_Stufe_A\" >2.5.4 Bewegungsausl\u00f6sung (Motion Actuation) \u2013 Stufe A<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Prinzip-3\" >Prinzip<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Beispiele-3\" >Beispiele<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#257_Ziehbewegungen_Dragging_Movements_%E2%80%93_Stufe_AA\" >2.5.7 Ziehbewegungen (Dragging Movements) \u2013 Stufe AA<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Prinzip-4\" >Prinzip<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Beispiele-4\" >Beispiele<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Zielgroessen_und_Layout_auf_mobilen_Geraeten\" >Zielgr\u00f6\u00dfen und Layout auf mobilen Ger\u00e4ten<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#258_Ziel-Mindestgroesse_Target_Size_Minimum_%E2%80%93_Stufe_AA\" >2.5.8 Ziel-Mindestgr\u00f6\u00dfe (Target Size Minimum) \u2013 Stufe AA<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Prinzip-5\" >Prinzip<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Beispiele-5\" >Beispiele<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#134_Ausrichtung_Orientation_%E2%80%93_Stufe_AA\" >1.3.4 Ausrichtung (Orientation) \u2013 Stufe AA<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Prinzip-6\" >Prinzip<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Beispiele-6\" >Beispiele<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#1410_Umfliessen_Reflow_%E2%80%93_Stufe_AA\" >1.4.10 Umflie\u00dfen (Reflow) \u2013 Stufe AA<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Prinzip-7\" >Prinzip<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Beispiele-7\" >Beispiele<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/#Zusammenfassung\" >Zusammenfassung<\/a><\/li><\/ul><\/nav><\/div>\n<h2 id=\"2-5-1-zeigergesten-pointer-gestures-stufe-a\"><span class=\"ez-toc-section\" id=\"251_Zeigergesten_Pointer_Gestures_%E2%80%93_Stufe_A\"><\/span>2.5.1 Zeigergesten (Pointer Gestures) \u2013 Stufe A<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"prinzip\"><span class=\"ez-toc-section\" id=\"Prinzip\"><\/span>Prinzip<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Funktionen, die eine komplexe Zeigergeste erfordern, m\u00fcssen grunds\u00e4tzlich auch mit einer einfachen Zeigereingabe bedienbar sein. Dazu geh\u00f6ren beispielsweise Mehrpunktgesten oder pfadbasierte Gesten. Nutzerinnen und Nutzer sollen also nicht gezwungen sein, eine bestimmte Geste mit mehreren Fingern oder einer bestimmten Bewegungsbahn auszuf\u00fchren.<\/p>\n<p>Eine Ausnahme besteht, wenn die komplexe Geste f\u00fcr die Funktion selbst zwingend erforderlich ist.<\/p>\n<h3 id=\"beispiele\"><span class=\"ez-toc-section\" id=\"Beispiele\"><\/span>Beispiele<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Eine Karte kann nicht ausschlie\u00dflich durch eine Zwei-Finger-Geste vergr\u00f6\u00dfert oder verkleinert werden. Zus\u00e4tzlich sollten beispielsweise Plus- und Minus-Schaltfl\u00e4chen vorhanden sein.<\/li>\n<li>Ein Bildkarussell sollte nicht ausschlie\u00dflich durch eine bestimmte Wischbewegung bedienbar sein, sondern beispielsweise auch \u00fcber Vor- und Zur\u00fcck-Schaltfl\u00e4chen.<\/li>\n<\/ul>\n<hr>\n<h2 id=\"2-5-2-zeiger-abbruch-pointer-cancellation-stufe-a\"><span class=\"ez-toc-section\" id=\"252_Zeiger-Abbruch_Pointer_Cancellation_%E2%80%93_Stufe_A\"><\/span>2.5.2 Zeiger-Abbruch (Pointer Cancellation) \u2013 Stufe A<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"prinzip\"><span class=\"ez-toc-section\" id=\"Prinzip-2\"><\/span>Prinzip<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Eine Aktion sollte nicht bereits beim Beginn einer Zeigereingabe ausgel\u00f6st werden. Nutzerinnen und Nutzer m\u00fcssen die M\u00f6glichkeit haben, eine versehentlich begonnene Aktion abzubrechen.<\/p>\n<p>Bei Touch-Bedienung bedeutet das beispielsweise: Wird ein Finger auf einen Button gelegt, sollte die Aktion nicht bereits in diesem Moment ausgef\u00fchrt werden. Die Aktion erfolgt erst bei der entsprechenden best\u00e4tigenden Eingabe, etwa beim Loslassen.<\/p>\n<h3 id=\"beispiele\"><span class=\"ez-toc-section\" id=\"Beispiele-2\"><\/span>Beispiele<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Ein Button l\u00f6st seine Aktion erst beim Loslassen des Fingers aus und nicht bereits beim Auflegen.<\/li>\n<li>Wird der Finger nach dem Ber\u00fchren eines Buttons wieder aus dessen Bereich herausbewegt, kann die Aktion dadurch abgebrochen werden.<\/li>\n<\/ul>\n<p>Dadurch werden insbesondere Fehlbedienungen auf Touchscreens reduziert.<\/p>\n<hr>\n<h2 id=\"2-5-4-bewegungsausl-sung-motion-actuation-stufe-a\"><span class=\"ez-toc-section\" id=\"254_Bewegungsausloesung_Motion_Actuation_%E2%80%93_Stufe_A\"><\/span>2.5.4 Bewegungsausl\u00f6sung (Motion Actuation) \u2013 Stufe A<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"prinzip\"><span class=\"ez-toc-section\" id=\"Prinzip-3\"><\/span>Prinzip<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Funktionen, die durch eine Bewegung des Ger\u00e4ts oder der Nutzerin bzw. des Nutzers ausgel\u00f6st werden, m\u00fcssen auch \u00fcber eine alternative Bedienm\u00f6glichkeit verf\u00fcgbar sein. Au\u00dferdem muss sich die Bewegungsausl\u00f6sung deaktivieren lassen, sofern sie nicht zwingend erforderlich ist.<\/p>\n<p>Das ist besonders f\u00fcr mobile Ger\u00e4te relevant, die beispielsweise Bewegungen, Neigungen oder Sch\u00fcttelbewegungen erkennen k\u00f6nnen.<\/p>\n<h3 id=\"beispiele\"><span class=\"ez-toc-section\" id=\"Beispiele-3\"><\/span>Beispiele<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Eine Anwendung erm\u00f6glicht das R\u00fcckg\u00e4ngigmachen durch Sch\u00fctteln des Smartphones. Zus\u00e4tzlich sollte es daf\u00fcr eine Schaltfl\u00e4che geben.<\/li>\n<li>Eine Funktion wird durch Neigen des Ger\u00e4ts gesteuert. Sie muss zus\u00e4tzlich \u00fcber normale Bedienelemente erreichbar sein.<\/li>\n<\/ul>\n<hr>\n<h2 id=\"2-5-7-ziehbewegungen-dragging-movements-stufe-aa\"><span class=\"ez-toc-section\" id=\"257_Ziehbewegungen_Dragging_Movements_%E2%80%93_Stufe_AA\"><\/span>2.5.7 Ziehbewegungen (Dragging Movements) \u2013 Stufe AA<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"prinzip\"><span class=\"ez-toc-section\" id=\"Prinzip-4\"><\/span>Prinzip<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wenn eine Funktion eine Ziehbewegung erfordert, muss es grunds\u00e4tzlich auch eine Bedienm\u00f6glichkeit ohne Dragging geben. Nutzerinnen und Nutzer sollen also nicht zwingend einen Zeiger gedr\u00fcckt halten und \u00fcber eine bestimmte Strecke bewegen m\u00fcssen.<\/p>\n<p>Dieses Kriterium wurde mit WCAG 2.2 eingef\u00fchrt und ist insbesondere f\u00fcr Touchscreens relevant.<\/p>\n<h3 id=\"beispiele\"><span class=\"ez-toc-section\" id=\"Beispiele-4\"><\/span>Beispiele<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Ein Schieberegler (Slider) sollte nicht ausschlie\u00dflich durch Ziehen des Reglers bedienbar sein. Eine Eingabe durch Antippen der gew\u00fcnschten Position kann eine alternative Bedienm\u00f6glichkeit darstellen.<\/li>\n<li>Bei einer Drag-and-Drop-Liste sollte es beispielsweise zus\u00e4tzlich M\u00f6glichkeiten geben, einen Eintrag \u00fcber Schaltfl\u00e4chen wie \u201eNach oben\u201c oder \u201eNach unten\u201c zu verschieben.<\/li>\n<\/ul>\n<p>Das Ziel ist, Funktionen auch f\u00fcr Personen zug\u00e4nglich zu machen, die pr\u00e4zise Ziehbewegungen nur schwer oder gar nicht ausf\u00fchren k\u00f6nnen.<\/p>\n<hr>\n<h1 id=\"zielgr-en-und-layout-auf-mobilen-ger-ten\"><span class=\"ez-toc-section\" id=\"Zielgroessen_und_Layout_auf_mobilen_Geraeten\"><\/span>Zielgr\u00f6\u00dfen und Layout auf mobilen Ger\u00e4ten<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<h2 id=\"2-5-8-ziel-mindestgr-e-target-size-minimum-stufe-aa\"><span class=\"ez-toc-section\" id=\"258_Ziel-Mindestgroesse_Target_Size_Minimum_%E2%80%93_Stufe_AA\"><\/span>2.5.8 Ziel-Mindestgr\u00f6\u00dfe (Target Size Minimum) \u2013 Stufe AA<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"prinzip\"><span class=\"ez-toc-section\" id=\"Prinzip-5\"><\/span>Prinzip<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Bedienelemente, die mit einem Zeiger \u2013 beispielsweise einem Finger auf einem Touchscreen \u2013 bedient werden, m\u00fcssen ausreichend gro\u00df sein oder einen ausreichenden Abstand zu anderen Zielen haben.<\/p>\n<p>WCAG 2.2 fordert grunds\u00e4tzlich eine Mindestgr\u00f6\u00dfe von 24 \u00d7 24 CSS-Pixeln beziehungsweise einen entsprechend gro\u00dfen Abstand zwischen kleineren Zielen. F\u00fcr bestimmte F\u00e4lle gibt es Ausnahmen, beispielsweise bei unmittelbar im Text platzierten Links.<\/p>\n<p>F\u00fcr eine besonders komfortable Bedienung wird h\u00e4ufig eine gr\u00f6\u00dfere Zielgr\u00f6\u00dfe von 44 \u00d7 44 CSS-Pixeln empfohlen.<\/p>\n<h3 id=\"beispiele\"><span class=\"ez-toc-section\" id=\"Beispiele-5\"><\/span>Beispiele<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Kleine Icons wie \u201eL\u00f6schen\u201c, \u201eSchlie\u00dfen\u201c oder \u201eMen\u00fc\u201c sollten nicht nur wenige Pixel gro\u00df sein, sondern eine ausreichend gro\u00dfe anklickbare Fl\u00e4che besitzen.<\/li>\n<li>Zwei unmittelbar nebeneinanderliegende Buttons sollten so angeordnet sein, dass sie auf einem Smartphone nicht versehentlich gleichzeitig getroffen werden.<\/li>\n<\/ul>\n<hr>\n<h2 id=\"1-3-4-ausrichtung-orientation-stufe-aa\"><span class=\"ez-toc-section\" id=\"134_Ausrichtung_Orientation_%E2%80%93_Stufe_AA\"><\/span>1.3.4 Ausrichtung (Orientation) \u2013 Stufe AA<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"prinzip\"><span class=\"ez-toc-section\" id=\"Prinzip-6\"><\/span>Prinzip<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Websites und Anwendungen d\u00fcrfen ihre Nutzung grunds\u00e4tzlich nicht ausschlie\u00dflich auf eine bestimmte Display-Ausrichtung beschr\u00e4nken. Inhalte sollten daher sowohl im Hoch- als auch im Querformat nutzbar sein.<\/p>\n<p>Eine Einschr\u00e4nkung ist zul\u00e4ssig, wenn eine bestimmte Ausrichtung f\u00fcr die Funktion tats\u00e4chlich erforderlich ist.<\/p>\n<h3 id=\"beispiele\"><span class=\"ez-toc-section\" id=\"Beispiele-6\"><\/span>Beispiele<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Eine Website sollte nicht ausschlie\u00dflich im Hochformat funktionieren, wenn keine technische oder inhaltliche Notwendigkeit daf\u00fcr besteht.<\/li>\n<li>Eine Anwendung mit einer virtuellen Klaviertastatur kann dagegen auf eine bestimmte Ausrichtung angewiesen sein, wenn diese f\u00fcr die vorgesehene Nutzung erforderlich ist.<\/li>\n<\/ul>\n<hr>\n<h2 id=\"1-4-10-umflie-en-reflow-stufe-aa\"><span class=\"ez-toc-section\" id=\"1410_Umfliessen_Reflow_%E2%80%93_Stufe_AA\"><\/span>1.4.10 Umflie\u00dfen (Reflow) \u2013 Stufe AA<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"prinzip\"><span class=\"ez-toc-section\" id=\"Prinzip-7\"><\/span>Prinzip<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Inhalte m\u00fcssen sich an schmale Bildschirme anpassen k\u00f6nnen, ohne dass Nutzerinnen und Nutzer f\u00fcr die normale Nutzung horizontal scrollen m\u00fcssen. Dies ist eine wichtige Grundlage f\u00fcr ein responsives Webdesign.<\/p>\n<p>Die Anforderung bezieht sich unter anderem auf eine Darstellung, die einer Breite von 320 CSS-Pixeln entspricht.<\/p>\n<h3 id=\"beispiele\"><span class=\"ez-toc-section\" id=\"Beispiele-7\"><\/span>Beispiele<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Ein l\u00e4ngerer Text sollte auf einem Smartphone automatisch untereinander umflie\u00dfen, anstatt eine horizontale Scrollleiste zu ben\u00f6tigen.<\/li>\n<li>Eine Tabelle oder ein komplexes Layout sollte so gestaltet sein, dass Inhalte auch auf einem schmalen Bildschirm sinnvoll dargestellt und bedient werden k\u00f6nnen.<\/li>\n<\/ul>\n<hr>\n<h1 id=\"zusammenfassung\"><span class=\"ez-toc-section\" id=\"Zusammenfassung\"><\/span>Zusammenfassung<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>F\u00fcr die Bedienung auf mobilen Ger\u00e4ten und mit Touchscreens lassen sich die wichtigsten Grundprinzipien zusammenfassen:<\/p>\n<ul>\n<li>Komplexe Gesten vermeiden: Funktionen sollten nicht ausschlie\u00dflich \u00fcber Mehrfinger- oder pfadbasierte Gesten erreichbar sein.<\/li>\n<li>Aktionen abbrechbar machen: Eine versehentliche Ber\u00fchrung sollte nicht unmittelbar eine Aktion ausl\u00f6sen.<\/li>\n<li>Dragging vermeiden: Funktionen, die normalerweise durch Ziehen bedient werden, ben\u00f6tigen eine alternative Eingabem\u00f6glichkeit.<\/li>\n<li>Bewegungssteuerung erg\u00e4nzen: Sch\u00fctteln, Neigen oder andere Bewegungen d\u00fcrfen nicht die einzige Bedienm\u00f6glichkeit sein.<\/li>\n<li>Ausreichend gro\u00dfe Ziele schaffen: Bedienelemente m\u00fcssen auf Touchscreens zuverl\u00e4ssig getroffen werden k\u00f6nnen.<\/li>\n<li>Flexible Darstellung erm\u00f6glichen: Inhalte sollten sich an unterschiedliche Bildschirmgr\u00f6\u00dfen und Ausrichtungen anpassen.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Die Web Content Accessibility Guidelines (WCAG) enthalten verschiedene Anforderungen, die insbesondere f\u00fcr die Bedienung von Websites und Anwendungen mit Touchscreens, Zeigeger\u00e4ten und mobilen Endger\u00e4ten relevant&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wcag-fuer-mobile-und-touch\/\">Weiterlesen<span class=\"screen-reader-text\">WCAG f\u00fcr Mobile und Touch<\/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-11133","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\/11133","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=11133"}],"version-history":[{"count":2,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/11133\/revisions"}],"predecessor-version":[{"id":11135,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/11133\/revisions\/11135"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=11133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/categories?post=11133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/tags?post=11133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}