{"id":7824,"date":"2023-06-10T14:04:54","date_gmt":"2023-06-10T12:04:54","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?p=7824"},"modified":"2024-04-01T15:36:28","modified_gmt":"2024-04-01T13:36:28","slug":"lange-texte-barrierefrei-gestalten","status":"publish","type":"post","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/lange-texte-barrierefrei-gestalten\/","title":{"rendered":"Lange Texte barrierefrei gestalten"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/digitale-barrierefreiheit.podigee.io\/224-lange-texte-barrierefrei-anbieten\/embed?context=external&#038;theme=default\" style=\"border: 0\" frameBorder=\"0\" height=\"100\" width=\"100%\"><\/iframe><br \/>\nZu einem der wichtigsten Komponenten der Text-Verst\u00e4ndlichkeit geh\u00f6rt die Textl\u00e4nge. Sehbehinderte, Lese-Anf\u00e4nger und Lese-Unerfahrene sowie Menschen mit Ged\u00e4chtnis- und Aufmerksamkeitsst\u00f6rungen m\u00f6gen keine langen Text-W\u00fcsten.<br \/>\nKurze Texte geh\u00f6ren im Internet- und vor allem im Smartphone-Zeitalter ohnehin zum guten Ton. Dabei ist K\u00fcrze kein Wert an sich. Es geht vielmehr darum, sich auf die jeweils relevanten Informationen zu beschr\u00e4nken und alles Unwichtige wegzulassen.<br \/>\nNun ist es aber nicht immer machbar, einen Text zu k\u00fcrzen. Wir wollen uns in diesem Beitrag ansehen, welche Alternativen es zum langen Text auf einer Webseite gibt. <\/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\/lange-texte-barrierefrei-gestalten\/#Mehrere_Unterseiten\" >Mehrere Unterseiten<\/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\/lange-texte-barrierefrei-gestalten\/#Verlinktes_Inhaltsverzeichnis\" >Verlinktes Inhaltsverzeichnis<\/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\/lange-texte-barrierefrei-gestalten\/#Das_Akkordeon\" >Das Akkordeon<\/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\/lange-texte-barrierefrei-gestalten\/#Welche_Variante_ist_wann_sinnvoll\" >Welche Variante ist wann sinnvoll?<\/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\/lange-texte-barrierefrei-gestalten\/#Fliesstext-Wuesten_vermeiden\" >Flie\u00dftext-W\u00fcsten vermeiden<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Mehrere_Unterseiten\"><\/span>Mehrere Unterseiten<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die einfachste L\u00f6sung ist, einen Text auf mehrere Unterseiten zu verteilen.<br \/>\nAus Lesersicht ist das die schlechteste L\u00f6sung. Scrollen ist den meisten Menschen lieber als klicken. Die Wahrscheinlichkeit, dass jemand aussteigt ist an der Stelle, wo er weiter klicken sollte am h\u00f6chsten.<br \/>\nSucht man nach einer bestimmten Information, muss man sich durch mehrere Seiten durchbl\u00e4ttern. Das macht heute noch kaum jemand.<br \/>\nBlinde m\u00fcssen sich bei jedem Seitenaufruf neu orientieren. Bei schlecht strukturierten Webseiten ist das schwierig. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Verlinktes_Inhaltsverzeichnis\"><\/span>Verlinktes Inhaltsverzeichnis<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Selten ben\u00f6tigt man alle Informationen, die in einem langen Text enthalten sind. Die Wikipedia hat dieses Problem gel\u00f6st, indem sie dem Text ein verlinktes Inhaltsverzeichnis voranstellt. Man kann zwischen Textstelle und Inhaltsverzeichnis mittels seiteninterner Links hin und herspringen. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Das_Akkordeon\"><\/span>Das Akkordeon<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Eine Variante des verlinkten Inhaltsverzeichnisses, die man immer h\u00e4ufiger sieht ist das Akkordeon. Dabei bekommt man alle \u00dcberschriften des Textes angezeigt. Bei einem Klick auf eine \u00dcberschrift klappt der darunterliegende Text-Abschnitt aus.<br \/>\nDiese Variante ist f\u00fcr Blinde generell nutzbar. Wichtig ist, dass die ausklappbaren Elemente f\u00fcr den Screenreader als anklickbar erkennbar sind. Ansonsten wundert sich der Blinde, warum er lauter \u00dcberschriften, aber keine zugeh\u00f6rigen Infos findet. Und nat\u00fcrlich sollte der jeweils ausgeklappte Text-Abschnitt f\u00fcr den Blinden lesbar sein. Auch f\u00fcr alle anderen Nutzer sollte sichtbar sein, dass etwas anklickbar ist. Last not least sollte der Status, also ausgeklappt oder zugeklappt, mit ARIA kommuniziert werden.<br \/>\nEin Streitpunkt ist, ob ein Ausschnitt ausgeklappt bleiben sollte, wenn man einen anderen Abschnitt anklickt. Ich halte das generell f\u00fcr sinnvoll, weil es sein kann, dass man sich mehrere Abschnitte parallel ansehen oder Informationen abgleichen m\u00f6chte. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Welche_Variante_ist_wann_sinnvoll\"><\/span>Welche Variante ist wann sinnvoll?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Das Verteilen vieler kurzer Texte auf mehrere Unterseiten ist heute nicht mehr zeitgem\u00e4\u00df. Niemand hat ein Interesse daran, sorgf\u00e4ltig verstreute Informationen zusammen zu puzzeln.<br \/>\nDas verlinkte Inhaltsverzeichnis bietet sich an, wenn Texte gerne \u00fcberflogen werden. Au\u00dferdem ist es sinnvoll, wenn sich jemand wahrscheinlich mehrere Teile des Textes anschauen wird. Auch bei stark verschachtelten Texten wie etwa bei langen Wikipedia-Artikeln erscheint das Inhaltsverzeichnis sinnvoll. Das Akkordeon ist meines Erachtens nur dann sinnvoll, wenn der Leser wahrscheinlich nicht den gesamten Text lesen wird, zum Beispiel bei einer FAQ. Abschnitte nicht zu umfangreich sind.<br \/>\nDas Akkordeon-Prinzip bietet sich an, wenn ein Text nicht nach einer bestimmten Informationshierarchie aufgebaut ist. Das hei\u00dft, man muss nicht einen bestimmten Abschnitt gelesen haben, um einen bestimmten sp\u00e4teren Abschnitt zu verstehe. Sind bestimmte Informationen in jedem Fall notwendig, sollten sie vorangestellt und immer ohne Klick sichtbar sein.<br \/>\nGerade f\u00fcr die ellenlangen FAQs bietet sich das Akkordeon an. Es kommt selten vor, dass man sich alle Fragen und Antworten durchlesen muss oder m\u00f6chte.<br \/>\nIst die Wahrscheinlichkeit gro\u00df, dass der Leser den gesamten Text lesen wird, etwa bei Unterhaltungstexten, sollte er vollst\u00e4ndig auf einer Seite sein. Ein verlinktes Inhaltsverzeichnis st\u00f6rt im Grunde niemanden, ist aber tats\u00e4chlich erst notwendig, wenn der Text \u00fcberlang ist. Wenn also die Wahrscheinlichkeit, dass der Text in einem Rutsch durchgelesen wird eher gering ist. Au\u00dferdem ist ein verlinktes Inhaltsverzeichnis vor allem sinnvoll, wenn die Text-\u00dcberschriften, aus denen es generiert wird selbst erkl\u00e4rend sind. In Unterhaltungstexten werden eher Teaser-\u00dcberschriften eingesetzt, die nicht selbst-erkl\u00e4rend sind. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Fliesstext-Wuesten_vermeiden\"><\/span>Flie\u00dftext-W\u00fcsten vermeiden<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>F\u00fcr die Lesenden ist nichts schlimmer als Flie\u00dftext-W\u00fcsten, das hei\u00dft, ein Absatz nach dem Anderen. Wichtig ist vor allem bei Online-Texten Abwechselung reinzubringen. Das hat zwei Vorteile: 1. lockert es den Text ein wenig auf und 2. schafft jedes Element zus\u00e4tzliche Orientierung in langen Texten. Abwechslung kann etwa geschehen durch <\/p>\n<ul>\n<li>\u00dcberschriften<\/li>\n<li>Aufz\u00e4hlungen und einger\u00fcckte Zitate<\/li>\n<li>Tabellen<\/li>\n<li>Bilder und Infografiken<\/li>\n<li>durch Umrahmung oder Farben hervorgehobene Textboxen<\/li>\n<\/ul>\n<p>Wenig hilfreich sind hingegen Fettungen oder kursiver Text, da sie oft nicht gesehen werden bzw. Kursiv auch die Lesbarkeit verschlechtern kann.<br \/>\n<a href=\"https:\/\/www.netz-barrierefrei.de\/en\/long-texts.html\">Making long Online Texts accessible<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zu einem der wichtigsten Komponenten der Text-Verst\u00e4ndlichkeit geh\u00f6rt die Textl\u00e4nge. Sehbehinderte, Lese-Anf\u00e4nger und Lese-Unerfahrene sowie Menschen mit Ged\u00e4chtnis- und Aufmerksamkeitsst\u00f6rungen m\u00f6gen keine langen Text-W\u00fcsten. Kurze&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/lange-texte-barrierefrei-gestalten\/\">Weiterlesen<span class=\"screen-reader-text\">Lange Texte barrierefrei gestalten<\/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-7824","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\/7824","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=7824"}],"version-history":[{"count":5,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/7824\/revisions"}],"predecessor-version":[{"id":9038,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/7824\/revisions\/9038"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=7824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/categories?post=7824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/tags?post=7824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}