{"id":635,"date":"2018-03-21T20:12:30","date_gmt":"2018-03-21T18:12:30","guid":{"rendered":"http:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=635"},"modified":"2023-08-11T17:13:47","modified_gmt":"2023-08-11T15:13:47","slug":"inhalte-pruefen","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/inhalte-pruefen\/","title":{"rendered":"Mit Workflows zu barrierefreien Inhalten"},"content":{"rendered":"<p>In einem \u00e4lteren Beitraghabe ich diverse Testverfahren vorgestellt. Die meisten Testverfahren zielen darauf ab, Prototypen oder fertige Websites zu pr\u00fcfen. F\u00fcr den kleinen Test zwischendurch werden hingegen vor allem Checklisten bevorzugt.<br \/>\nDer Nachteil von Checklisten besteht darin, dass sie in der Regel unsystematisch aufgebaut sind. Die meisten Onliner verwenden hingegen mehrere Tools und der barrierefreie Online-Redakteur muss definitiv mehrere Programme verwenden, um seine Inhalte barrierefrei zu machen. Checklisten bringen dabei wenige Vorteile, sie sollten durch Pr\u00fcfprozesse ersetzt werden.<br \/>\nEin guter Pr\u00fcfprozess orientiert sich am typischen Workflow der Redaktion. Ich will das im Folgenden am Beispiel eines Textes darstellen.  <\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 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-internet\/barrierefreiheit-von-webseiten-testen\/inhalte-pruefen\/#Der_barrierefreie_Text\" >Der barrierefreie Text<\/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\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/inhalte-pruefen\/#Schritt_1_Schreiben\" >Schritt 1: Schreiben<\/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\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/inhalte-pruefen\/#Schritt_2_Feintuning\" >Schritt 2: Feintuning<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/inhalte-pruefen\/#Schritt_3_Formatierung\" >Schritt 3: Formatierung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/inhalte-pruefen\/#Schritt_4_Die_finale_Pruefung\" >Schritt 4: Die finale Pr\u00fcfung<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/inhalte-pruefen\/#Fazit\" >Fazit<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Der_barrierefreie_Text\"><\/span>Der barrierefreie Text<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die meisten Redakteure d\u00fcrften ihre Texte in einer lokalen Textanwendung schreiben. Google Docs mag seine Vorz\u00fcge haben, aber wenn man ohnehin einen PC mit installierter Textvearbeitung hat wird man sie in der Regel auch benutzen. Der fertige Text wird per Copy Paste in das Redaktionssystem kopiert. In der Regel wird der Text erst im Redaktionssystem formatiert, da z.B. MS Word einigen Unfug mit formatiertem Text anstellt und die \u00dcbernahme der Formatierung ins Redaktionssystem nicht reibungslos funktioniert. Schauen wir uns das alles im Detail an. <\/p>\n<h3><span class=\"ez-toc-section\" id=\"Schritt_1_Schreiben\"><\/span>Schritt 1: Schreiben<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Zun\u00e4chst wird der Text in der Textverarbeitung deiner Wahl geschrieben. Nachdem der erste Aufschlag des Textes fertig ist wird er auf inhaltliche Vollst\u00e4ndigkeit \u00fcberpr\u00fcft, habe ich alles Wichtige in den Text aufgenommen? Dabei helfen die sogenannten W-Fragen: Was, Wann, Warum, Wo, Wer? Je nach der L\u00e4nge des Textes k\u00f6nnen wir auch pr\u00fcfen, ob der Text Informationen enth\u00e4lt, die \u00fcberfl\u00fcssig sind. Lange Texte k\u00f6nnen auch eine Barriere sein.<br \/>\nAls N\u00e4chstes \u00fcberpr\u00fcfen wir, ob die Struktur des Textes stimmig ist. Im Journalismus ist es \u00fcblich, wichtige Infos nach vorne zu stellen und unwichtige Informationen weiter nach hinten zu schieben. Wird aus dem ersten Satz klar, worum es im Text geht und f\u00fcr wen er interessant ist?In diesem Schritt k\u00f6nnen auch schon weiter f\u00fchrende Links aufgenommen werden, die finale Verlinkung kann im Redaktionssystem vorgenommen werden. <\/p>\n<h3><span class=\"ez-toc-section\" id=\"Schritt_2_Feintuning\"><\/span>Schritt 2: Feintuning<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Der Text ist also inhaltlich fertig. Jetzt kommt die Feinarbeit, wir pr\u00fcfen den Text auf Verst\u00e4ndlichkeit. Sind zum Beispiel schlechte Formulierungen, Fremdw\u00f6rter oder Ausdr\u00fccke vorhanden, die wir nicht verwenden m\u00f6chten? Unser Schwerpunkt liegt dabei nicht bei der Eleganz des Textes, sondern auf der Verst\u00e4ndlichkeit. Die Eleganz k\u00f6nnen wir uns f\u00fcr Gl\u00fcckwunschkarten aufheben.<br \/>\nDer letzte Schritt beim Feintuning ist die Rechtschreib- und Grammatikpr\u00fcfung. Dabei sind reine Texteditoren im Nacteil, da in der Regel keine brauchbare Pr\u00fcfroutine integriert ist. Wir k\u00f6nnten den Text einfach in eine Textverarbeitung r\u00fcberkopieren, wobei es sich auszahlt, wenn wir den Text noch nicht formatiert haben. Word und Co. m\u00f6gen kein HTML und schlagen bei jedem St\u00fcckchen Formatierungscode an, so dass die Rechtschreibpr\u00fcfung zur Tortur wird. <\/p>\n<h3><span class=\"ez-toc-section\" id=\"Schritt_3_Formatierung\"><\/span>Schritt 3: Formatierung<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wenn auch das Feintuning abgeschlossen ist kopieren wir den Text in unser Redaktionssystem oder in den Editor, wo wir die Formatierung vornehmen. Wie oben gesagt m\u00f6gen WYSIWYG-Editoren keinen vorformatierten Text, deshalb ist es empfhelenswert, die Formatierung entweder im Redaktionssystem direkt vorzunehmen oder HTML, Markdown oder etwas \u00c4hnliches zu verwenden. Selbst das kann problematisch sein, wenn im Redaktionssystem ein andererZeichensatz verwendet wird als im Texteditor. Daher schlage ich vor, die Formatierung im Redaktionssystem vorzunehmen.<br \/>\nJe nach der Routiniertheit kann es an dieser Stelle von Vorteil sein, eine Checkliste zu verwenden. Schlie\u00dflich m\u00fcssten \u00dcberschriften, Listen, Abk\u00fcrzungen und so weiter formatiert werden. <\/p>\n<h3><span class=\"ez-toc-section\" id=\"Schritt_4_Die_finale_Pruefung\"><\/span>Schritt 4: Die finale Pr\u00fcfung<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Nachdem wir das alles erledigt haben m\u00fcssen wir das finale Dokument noch pr\u00fcfen. Mit einem Screenreader w\u00e4re das kein Problem, aber wir greifen einsteigerfreundlicher auf die Firefox Accessibility Extension zur\u00fcck. F\u00fcr die anderen Browser gibt es entsprechende Tools.<br \/>\nIn der Regel haben moderne Redaktionssysteme einen Vorschaumodus, wo bereits das fertige HTML-Ger\u00fcst verwendet wird. Ist das nicht der Fall, m\u00fcssen wir die Seite publizieren und pr\u00fcfen das direkt im Live-Betrieb.<br \/>\nMit der Accessibility Extension pr\u00fcfen wir also nach, ob \u00dcberschriften, Listen, Abk\u00fcrzungen und so weiter richtig formatiert wurden oder ob die Alternativtexte f\u00fcr die Bilder vergeben wurden und sinnvoll sind. Ist das der Fall, sind wir fertig. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Fazit\"><\/span>Fazit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Das Ganze sieht kompliziert aus, entspricht aber der normalen Arbeitsweise eines Redakteurs. Wir alle wissen, dass es doppelt bis zehn Mal so viel Arbeit kostet, einen Fehler zu korrigieren als ihn zu vermeiden. Beispielsweise kann ein vergessener Alternativtext dazu f\u00fchren, dass wir uns extra deswegen ins Redaktionssystem begeben, den betreffenden Text suchen, den Fehler korrigieren und noch mal pr\u00fcfen m\u00fcssen. Diese zehn bis 15 Minuten k\u00f6nnen wir sicher nutzbringender verwenden.<br \/>\n<a href=\"https:\/\/netz-barrierefrei.de\/en\/workflow-editor.html\">Optimizing Workflows for accessible Online Editing<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In einem \u00e4lteren Beitraghabe ich diverse Testverfahren vorgestellt. Die meisten Testverfahren zielen darauf ab, Prototypen oder fertige Websites zu pr\u00fcfen. F\u00fcr den kleinen Test zwischendurch&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/inhalte-pruefen\/\">Weiterlesen<span class=\"screen-reader-text\">Mit Workflows zu barrierefreien Inhalten<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":629,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-635","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/635","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=635"}],"version-history":[{"count":8,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/635\/revisions"}],"predecessor-version":[{"id":8258,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/635\/revisions\/8258"}],"up":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/629"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}