{"id":457,"date":"2018-03-15T18:24:09","date_gmt":"2018-03-15T16:24:09","guid":{"rendered":"http:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=457"},"modified":"2019-10-09T18:51:39","modified_gmt":"2019-10-09T16:51:39","slug":"semantische-strukturierung-von-texten","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-publizieren\/semantische-strukturierung-von-texten\/","title":{"rendered":"Semantische Strukturierung von Texten"},"content":{"rendered":"<p>In der Regel haben Redakteure keinen Einfluss auf die technische Ausgestaltung von Redaktionssystemen. Deshalb k\u00f6nnen sie nur eingeschr\u00e4nkt auf die M\u00f6glichkeiten zur Strukturierung von Texten Einfluss nehmen.<br \/>\nDennoch d\u00fcrfte jedes aktuelle Redaktionssystem zumindest rudiment\u00e4re M\u00f6glichkeiten zur Textformatierung haben. Puristen wie ich arbeiten mit HTML, meiner Ansicht nach die einfachste Form der Textstrukturierung.<br \/>\nBeliebter sind jedoch die What-You-See-is-what-you-get oder kurz WYSIWYG-Editoren. In WordPress ist zum Beispiel der TinyMCE integriert, der an g\u00e4ngige Textverarbeitungen erinnert.<br \/>\nWeniger stark verbreitet sind Mischformen. Eine der bekannteren Formen der Textformatierung ist die Wiki-Syntax, wie sie in MediaWiki eingesetzt wird.<br \/>\nDer Nachteil von HTML und anderem Markup ist, dass man die Formatierungsanweisungen im Editor sehen kann. F\u00fcr meinen Geschmack ist das aber ein Vorteil. Zum einen k\u00f6nnen so auch Blinde den Text formatieren. TinyMCE ist zwar mit Tastatur bedienbar, Mein Jaws und ich kommen damit aber nicht zurecht. Zum Anderen hat man volle Kontrolle \u00fcber die Formatierung. Bei WordPress kommt es recht h\u00e4ufig zu seltsamen Umbr\u00fcchen, Formatierungen und Darstellungsproblemen, die man m\u00fchsam nachbearbeiten muss. \u00dcbrigens gibt es in TinyMCE in der erweiterten Ansicht die M\u00f6glichkeit, Formatierungen zu l\u00f6schen und eine spezielle Funktion Einf\u00fcgen von Text aus Word. <\/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\/barrierefreies-publizieren\/semantische-strukturierung-von-texten\/#Strukturierung_statt_Aufhuebschung\" >Strukturierung statt Aufh\u00fcbschung<\/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\/barrierefreies-publizieren\/semantische-strukturierung-von-texten\/#Warum_das_Ganze\" >Warum das Ganze?<\/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\/barrierefreies-publizieren\/semantische-strukturierung-von-texten\/#Grenzen\" >Grenzen<\/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\/barrierefreies-publizieren\/semantische-strukturierung-von-texten\/#Mehr_Verstaendnis\" >Mehr Verst\u00e4ndnis<\/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\/barrierefreies-publizieren\/semantische-strukturierung-von-texten\/#Weiterlesen\" >Weiterlesen<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Strukturierung_statt_Aufhuebschung\"><\/span>Strukturierung statt Aufh\u00fcbschung<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ein sehr h\u00e4ufiger Fehler bei der Strukturierung von Texten ist der Einsatz von nichtsemantischem HTML oder CSS bei der Formatierung von Texten. Ich kann zum Beispiel eine \u00dcberschrift mit HTML als \u00dcberschrift kenntlich machen. Ich kann aber auch ein Div-Element verwenden und das ein wenig fetter und gr\u00f6\u00dfer gestalten. Das ist \u00fcbrigens die Regel, nicht die Ausnahme. Die meisten Tageszeitungen verfahren so. Fast immer ist die eigentliche Artikel\u00fcberschrift als \u00dcberschrift gekennzeichnet, die Zwischen\u00fcberschriften hingegen nicht.<br \/>\nAuch TinyMCE bietet in der WP-Standardkonfiguration keine Formatierungen f\u00fcr Zwischen\u00fcberschriften an.<br \/>\nEs kommt auch sehr h\u00e4ufig vor, dass Listen nicht korrekt formatiert werden. Die meisten Leute verfahren wie in Word, schreiben einen Bindestrich, ihren Text und dr\u00fccken dann auf Return. Word bietet in der Standardeinstellung sofort per AutoFormat eine Auflistung an. Im Web klappt das aber nicht.<br \/>\nDann gibt es noch die Zitate, die mit einer Einr\u00fcckung gekennzeichnet werden. Ich sehe im Geiste die Redakteure vor mir, die m\u00fchsam mit der Tabulatortaste Einr\u00fcckungen simulieren.<br \/>\nUnd hier ist h\u00e4ufig schon Schluss. Abk\u00fcrzungen und Kennzeichung von Sprachwechseln geh\u00f6ren sicher nicht zum Standardumfang von WYSIWYG-Editoren. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Warum_das_Ganze\"><\/span>Warum das Ganze?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Blinde ben\u00f6tigen Zwischen\u00fcberschriften und Abs\u00e4tze, um Textabschnitte wenn n\u00f6tig \u00fcberspringen zu k\u00f6nnen. Au\u00dferdem gibt es im Screenreader verschiedene M\u00f6glichkeiten, Texte zu \u00fcberfliegen, ich bin an anderer Stelle <span class=\"removed_link\" title=\"http:\/\/www.oliveira-online.net\/wordpress\/index.php\/2010\/08\/01\/querlesen-fur-blinde\/\">darauf eingegangen<\/span>.<br \/>\nF\u00fcr Menschen mit geringer Leseerfharung (funktionale Analphabeten), Lese-Rechtschreibschw\u00e4che oder Lernschwierigkeiten ist es hilfreich, wenn Texte sauber strukturiert werden. Dazu geh\u00f6ren unterschiedliche Zeilenl\u00e4ngen bwie im Flattersatz, weil sie dem Auge Orintierung bieten. Die gleiche Aufgabe erf\u00fcllen Abs\u00e4tze und Zwischen\u00fcberschriften. Aufz\u00e4hlungen, Zitate und Bilder geben dem Text zus\u00e4tzliche Struktur und dem Leser bessere Orientierung. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Grenzen\"><\/span>Grenzen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Der HTML-Bestand der Redaktionssysteme ist eher begrenzt.n Einfache Tabellen lassen sich vielleicht noch einf\u00fcgen, aber schon bei th oder caption d\u00fcrfte Schlu\u00df sein.<br \/>\nMan kann sie auch nicht selber einf\u00fcgen, weil die Systeme in der Regel Tags rausfiltern, die sie nicht kennen. Das gilt dann entsprechend f\u00fcr Abk\u00fcrzungs- oder Sprachwechsel-Tags. Den Backend-Texteditor um solche Funktionen zu erg\u00e4nzen d\u00fcrfte aber die geringste Herausforderung sein. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mehr_Verstaendnis\"><\/span>Mehr Verst\u00e4ndnis<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Es gibt also kurz zusammengefasst zwei Kernprobleme bei der Strukturierung von Texten:<\/p>\n<ol>\n<li>Die Programmierer von Redaktionssystemen setzen nur Standardanforderungen um oder arbeiten gar mit Layout statt Struktur, setzen also CSS statt HTML ein.<\/li>\n<li>Die Reddakteure ihrerseits sind mit den Grundlagen der Strukturierung von Texten im Web nicht vertraut. Entweder kommen sie aus dem Printbereich, wo andere f\u00fcr das Layout zust\u00e4ndig sind. Oder sie sind gelernte Online-Redakteure, in deren Kursen HTML und CSS stiefm\u00fctterlich behandelt wird, weil Photoshop viel spannender ist<\/li>\n<\/ol>\n<p>Barrierefreiheit muss daher auch bei der Programmierung des Redaktionssystems ber\u00fccksichtigt werden.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Weiterlesen\"><\/span>Weiterlesen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/4syllables.com.au\/resources\/accessibility-checklist\/\">Accessibility for web writers<\/span>. Vierteilige Serie auf 4Syllables<\/a><\/li>\n<li><a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/?s=texte+\">Beitr\u00e4ge zu barrierefreien Texten<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In der Regel haben Redakteure keinen Einfluss auf die technische Ausgestaltung von Redaktionssystemen. Deshalb k\u00f6nnen sie nur eingeschr\u00e4nkt auf die M\u00f6glichkeiten zur Strukturierung von Texten&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-publizieren\/semantische-strukturierung-von-texten\/\">Weiterlesen<span class=\"screen-reader-text\">Semantische Strukturierung von Texten<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":447,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-457","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"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=457"}],"version-history":[{"count":9,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/457\/revisions"}],"predecessor-version":[{"id":3417,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/457\/revisions\/3417"}],"up":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/447"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}