{"id":10083,"date":"2025-06-17T16:48:52","date_gmt":"2025-06-17T14:48:52","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?p=10083"},"modified":"2025-08-25T15:17:08","modified_gmt":"2025-08-25T13:17:08","slug":"endless-scrolling-herausforderungen-fuer-digitale-barrierefreiheit","status":"publish","type":"post","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/endless-scrolling-herausforderungen-fuer-digitale-barrierefreiheit\/","title":{"rendered":"Infinite Scrolling: Herausforderungen f\u00fcr digitale Barrierefreiheit"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/digitale-barrierefreiheit.podigee.io\/318-herausforderungen-beim-infinite-scrolling\/embed?context=external&#038;theme=default\" style=\"border: 0\" frameBorder=\"0\" height=\"100\" width=\"100%\"><\/iframe><br \/>\nEndless Scrolling (auch: Infinite Scrolling) ist ein Webdesign- und Usability-Konzept, bei dem Inhalte automatisch nachgeladen werden, wenn der Benutzer nach unten scrollt \u2013 ohne dass er manuell auf eine neue Seite klicken muss. Es wird teils auf Websites mit Nachrichten, vor allem aber im Social Media-Bereich verwendet. Man findet es sowohl auf Websites als auch in nativen Apps, wobei zum Beispiel LinkedIn im Web endlos scrollt, in der App aber einen Button anbietet, um neue Inhalte zu laden.<\/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\/endless-scrolling-herausforderungen-fuer-digitale-barrierefreiheit\/#Herausforderung_fuer_Screenreader-Nutzende\" >Herausforderung f\u00fcr Screenreader-Nutzende<\/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\/endless-scrolling-herausforderungen-fuer-digitale-barrierefreiheit\/#Probleme_mit_der_Tastatur\" >Probleme mit der Tastatur<\/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\/endless-scrolling-herausforderungen-fuer-digitale-barrierefreiheit\/#Wie_kann_man_endless_Scrolling_barrierefrei_gestalten\" >Wie kann man endless Scrolling barrierefrei gestalten?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Herausforderung_fuer_Screenreader-Nutzende\"><\/span>Herausforderung f\u00fcr Screenreader-Nutzende<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>F\u00fcr blinde Personen kann endless scrolling erhebliche Barrierefreiheitsprobleme mit sich bringen, insbesondere wenn sie Screenreader oder Tastaturnavigation verwenden. Hier sind die wichtigsten Probleme im \u00dcberblick:<\/p>\n<ul>\n<li>Wenn neue Inhalte dynamisch nachgeladen werden, wei\u00df der Screenreader oft nicht, dass sich die Seite ver\u00e4ndert hat. Die neuen Inhalte werden nicht automatisch vorgelesen, weil sie nicht fokussiert oder nicht korrekt markiert sind (z.\u202fB. fehlende ARIA-Live-Regionen) oder Verschiebung des Fokus.<\/li>\n<li>Ohne sichtbares Ende gibt es keinen nat\u00fcrlichen \u201ePunkt zum Anhalten\u201c. Das erschwert die Orientierung.<\/li>\n<li>Viele blinde Nutzer strukturieren Informationen durch \u00dcberschriften oder Seitenbereiche \u2013 bei endless scrolling verschwimmt diese Struktur.<\/li>\n<li>Inhalte, die sich visuell hinter dem Endless-Scrolling-Bereich befinden, k\u00f6nnen nicht ohne Weiteres erreicht werden. Dazu geh\u00f6ren zum beispiel eine rechte Seitenleiste oder eine Fu\u00dfzeile. Blinde bekommen eventuell gar nicht mit, dass sich etwas hinter dem Scroll-Bereich befindet und wie sie dorthin kommen.<\/li>\n<li>Die Nutzung des Screenreaders f\u00fchrt nicht automatisch zu einem Scrollen im Browser. Das Problem gibt es etwa bei NVDA: Wenn man sich die gesamte Webseite vorlesen l\u00e4sst, scrollt der Screenreader die Seite nicht mit, er liest also Inhalte vor, die au\u00dferhalb des Viewports sind. Unabh\u00e4ngig davon kann es passieren, dass die Seite nicht mit dem Verhalten des Screenreaders mitscrollt, also keine neuen Inhalte geladen werden, weil sich der Screenreader zwar durch die Seite bewegt, die Seite selbst aber still steht. Das passiert etwa bei Facebook, wenn man mit H die \u00dcberschriften der Beitr\u00e4ge durchgeht. <\/li>\n<li>Blinde nutzen oft die Suchfunktion, um nach Zeichenketten zu suchen. Bei Infinite Scrolling sind allerdings oft nur die aktuell sichtbaren Inhalte durchsuchbar.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Probleme_mit_der_Tastatur\"><\/span>Probleme mit der Tastatur<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Viele blinde Nutzerinnen navigieren per Tabulatortaste. Wenn st\u00e4ndig neue Inhalte geladen werden, verl\u00e4ngert sich der Fokusweg unkontrollierbar.<br \/>\nR\u00fcckspr\u00fcnge zu vorherigen Inhalten werden schwierig \u2013 es gibt keine klare \u201eZur\u00fcck\u201c-Struktur wie bei klassischen Seiten.<br \/>\nWenn die Seite aktualisiert oder versehentlich verlassen wird, geht die Position verloren \u2013 und der Nutzer muss von vorn anfangen, ohne visuelle Anhaltspunkte.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_kann_man_endless_Scrolling_barrierefrei_gestalten\"><\/span>Wie kann man endless Scrolling barrierefrei gestalten?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wenn endless scrolling verwendet wird, sollte Folgendes beachtet werden:<\/p>\n<ul>\n<li>ARIA-Live-Regions einsetzen, damit Screenreader neue Inhalte erkennen.<\/li>\n<li>Load-More-Buttons als Alternative anbieten (z.\u202fB. &#8222;Mehr laden&#8220;-Schaltfl\u00e4che).<\/li>\n<li>Fokus sinnvoll setzen, wenn neue Inhalte erscheinen.<\/li>\n<li>M\u00f6glichkeit zum \u201eSeiteweise Bl\u00e4ttern\u201c alternativ bereitstellen.<\/li>\n<li>Inhalte klar strukturieren (z.\u202fB. mit \u00dcberschriften, Landmarks).<\/li>\n<li>M\u00f6glichkeit bieten, den Bereich zu \u00fcberspringen, etwa durch Sprungmarken oder \u00dcberschriften.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Endless Scrolling (auch: Infinite Scrolling) ist ein Webdesign- und Usability-Konzept, bei dem Inhalte automatisch nachgeladen werden, wenn der Benutzer nach unten scrollt \u2013 ohne dass&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/endless-scrolling-herausforderungen-fuer-digitale-barrierefreiheit\/\">Weiterlesen<span class=\"screen-reader-text\">Infinite Scrolling: Herausforderungen f\u00fcr digitale 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-10083","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\/10083","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=10083"}],"version-history":[{"count":8,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/10083\/revisions"}],"predecessor-version":[{"id":10192,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/10083\/revisions\/10192"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=10083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/categories?post=10083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/tags?post=10083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}