{"id":714,"date":"2010-08-26T20:06:32","date_gmt":"2010-08-26T19:06:32","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=714"},"modified":"2010-08-26T20:45:08","modified_gmt":"2010-08-26T19:45:08","slug":"barrierefreie-pdfs","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/indesign\/barrierefreie-pdfs","title":{"rendered":"InDesign: Barrierefreie PDFs erstellen"},"content":{"rendered":"<h2>Einleitung<\/h2>\n<p>Barrierefreiheit (Accessibility) ist erst mal so ein Wort, das vielleicht einige Mediengestalter bereits geh\u00f6rt haben, womit man aber konkret nichts direkt anfangen kann. Was bedeutet Barrierefreiheit? Eigentlich versteht man darunter im Publishing, die Aufbereitung von Dokumenten, so \u00bbdass sie von jedem Menschen unabh\u00e4ngig von einer eventuell vorhandenen Behinderung uneingeschr\u00e4nkt benutzt werden k\u00f6nnen\u00ab (Wiki). Nun sind die Dokumente die wir tagt\u00e4glich designen ja vor allem f\u00fcrs Auge gedacht. Man liest einen Artikel in der Zeitschrift, man liest ein eBook oder liest auf dem Internet irgendwelche Seiten, News u.s.w. Was aber, wenn man eine Sehschw\u00e4che hat oder gar blind ist oder geistig behindert &#8230;? Solche Leute k\u00f6nnen sich dann z.B. vom Computer Texte vorlesen lassen. Damit das aber zuverl\u00e4ssig funktioniert mu\u00df der Computer, der ja nur eine Maschine ist, die n\u00f6tigen Infos bekommen in welcher Sprache er vorlesen mu\u00df, wie die Reihenfolge der Texte ist u.s.w. Man kann in InDesign eniges daf\u00fcr tun, damit PDF-Dokumente korrekt vorgelesen werden k\u00f6nnen.<\/p>\n<h2>Beispiel<\/h2>\n<p>Im folgenden Beispiel wurde ein InDesign-Dokument einfach normal erstellt. Damit man sich mal ansehen kann, wie eine Maschine unser Dokument \u00bbsieht\u00ab, exportieren wir das Dokument ganz einfach mit Apfel (Strg) &#8211; E. Wichtig ist hier haupts\u00e4chlich, dass das Dokument getaggt wird. Wir erstellen kein PDF\/X, da es ja nur f\u00fcrs elektronische Publizieren bestimmt ist und w\u00e4hlen als Kompatibilit\u00e4t irgendwas in der Mitte, z.B. PDF-Version 1.5. Werden noch Hyperlinks oder Lesezeichen benutzt, sollte man diese Optionen nat\u00fcrlich ebenfalls aktiveren!<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-715\" title=\"export_barrierefrei\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/export_barrierefrei.jpg\" alt=\"\" width=\"550\" height=\"495\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/export_barrierefrei.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/export_barrierefrei-300x270.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>In Acrobat \u00f6ffnen wir jetzt das exportierte PDF und holen uns die Palette \u00bbTags\u00ab unter \u00bbView\u00ab \u2013 \u00bbNavigation Panels\u00ab (Anzeige \u2013 Navigationsfenster). Die Paletten \u00bbTags\u00ab und \u00bbOrder\u00ab sind wichtig. Wechselt man z.B. auf den Tab \u00bbOrder\u00ab, zeigt Acrobat an wie die Maschine das PDF \u00bbsieht\u00ab:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-718\" title=\"pdf_analyse\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/pdf_analyse.jpg\" alt=\"\" width=\"550\" height=\"451\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/pdf_analyse.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/pdf_analyse-300x245.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Wir sehen hier z.B. die Lesereihenfolge, die nicht ganz richtig ist. Zuerst wird das Bild \u00bbgelesen\u00ab, danach der Titel und dann sofort die zweite Spalte anstatt die erste, dann die beiden unteren (ebenfalls falsche Reihenfolge) und erst am Schluss das Zitat oben. Dann kann man sich im \u00bb Tags\u00ab-Bedienfeld die verschiedenen Tags ansehen. Wenn das in InDesign nicht manuell geschehen ist, entstehen hier beim PDF-Export automatisch generierte Tags:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-719\" title=\"tagpalette\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/tagpalette.jpg\" alt=\"\" width=\"550\" height=\"383\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/tagpalette.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/tagpalette-300x208.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Man kann auch sozusagen einen Preflight machen der das Dokument auf Barrierefreiheit pr\u00fcft, so wie es auch den Preflight f\u00fcr den Druck gibt. Diesen findet man im Men\u00fc \u00bbAdvanced\u00ab \u2013 \u00bbAccessibility\u00ab \u2013 \u00bbFull Check\u00ab:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-720\" title=\"accessibility_full_check\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/accessibility_full_check.jpg\" alt=\"\" width=\"500\" height=\"570\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/accessibility_full_check.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/accessibility_full_check-263x300.jpg 263w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<h2>Dokument in InDesign vorbereiten<\/h2>\n<p>Ok, wir haben jetzt einen \u00dcberblick \u00fcber die Tools in Acrobat. Was kann man nun konkret tun, um das Dokument von vorneherein in InDesign richtig anzulegen? Man k\u00f6nnte dazu folgende Punkte aufz\u00e4hlen (ohne Gew\u00e4hr auf Vollst\u00e4ndigkeit):<\/p>\n<ul>\n<li>Fortlaufende Texte sollten m\u00f6glich verkettet werden<\/li>\n<li>Bilder im Text sollten verankert werden<\/li>\n<li>Es sollte m\u00f6glichst mit Absatz- und Zeichenformaten gearbeitet werden<\/li>\n<li>Das Dokument mu\u00df getaggt und damit in eine XML-Struktur gebracht werden<\/li>\n<li>Bilder m\u00fcssen ein \u00bbAlternativ-Text\u00ab-Attribut erhalten<\/li>\n<li>Hintergr\u00fcnde und \u00e4hnliches bekommen ein \u00bbArtifact\u00ab-Attribut<\/li>\n<\/ul>\n<h3>Tags und XML<\/h3>\n<p>Wie man in InDesign mit Absatz- und Zeichenformaten arbeitet, braucht hier hoffentlich nicht erl\u00e4utert zu werden. Aber die Sache mit den Tags ist eher nicht so gel\u00e4ufig. Zwei Paletten sind hier wichtig: Das \u00bbTags\u00ab-Bedienfeld das wir im Men\u00fc \u00bbFenster\u00ab finden und das XML-Struktur-Fenster. Dieses \u00f6ffnen wir einfach indem wir ganz links am Bildschirmrand auf die schmale Linie klicken. Dadurch \u00f6ffnet sich links vom Hauptfenster das XML-Fenster:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-743\" title=\"XML_Pane\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/XML_Pane.jpg\" alt=\"\" width=\"405\" height=\"219\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/XML_Pane.jpg 405w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/XML_Pane-300x162.jpg 300w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><\/p>\n<p>Zuerst ist das Fenster leer und es befindet sich hier nur das Rootelement. D.h. wir m\u00fcssen die XML-Struktur erst mal erstellen. Dazu gibt es\u00a0 im Flyout-Men\u00fc der XML-Struktur die Funktion \u00bbObjekte ohne Tags hinzuf\u00fcgen\u00ab (Add untagged Items). InDesign erstellt nun selber eine XML-Struktur und f\u00fcgt der Tag-Palette eine ganze Reihe Tags hinzu wie H1, H2, p u.s.w. die man aus HTML kennt.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-745\" title=\"untagged_items\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/untagged_items.jpg\" alt=\"\" width=\"249\" height=\"399\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/untagged_items.jpg 249w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/untagged_items-187x300.jpg 187w\" sizes=\"(max-width: 249px) 100vw, 249px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-746\" title=\"XML_und_tags\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/XML_und_tags.jpg\" alt=\"\" width=\"500\" height=\"285\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/XML_und_tags.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/XML_und_tags-300x171.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Wenn man jetzt auf ein Objekt im Layout klickt, wird das Element in der XML-Ansicht unterstrichen. Im n\u00e4chsten Schritt m\u00fcssen wir InDesign nun sagen, welche Tags zu welchem XML-Element zugeordnet werden sollen. Aus dem Flyout-Men\u00fc der XML-Struktur w\u00e4hlen wir dazu \u00bbTags zu Formaten zuordnen\u00ab (Map Styles to Tags). Hier sehen wir nun unsere Absatzformate und k\u00f6nnen diesen einen entsprechenden Tag zuweisen.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-755\" title=\"styles_2_tags\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/styles_2_tags1.jpg\" alt=\"\" width=\"471\" height=\"365\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/styles_2_tags1.jpg 471w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/styles_2_tags1-300x232.jpg 300w\" sizes=\"(max-width: 471px) 100vw, 471px\" \/><\/p>\n<h3>Lesereihenfolge \u00e4ndern<\/h3>\n<p>Wie wir in der Einleitung gesehen haben, wird nicht alles in korrekter Lesereihenfolge dargestellt. Diesen Fehler kann man nun beheben indem man in der XML-Struktur die Elemente per Drag&amp;Drop einfach verschiebt. Hier im Beispiel wird etwa das Zitat oben rechts direkt unter das Bild geschoben damit es direkt nach dem Bild gelesen wird:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-748\" title=\"drag_and_drop_XML\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/drag_and_drop_XML.jpg\" alt=\"\" width=\"500\" height=\"256\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/drag_and_drop_XML.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/drag_and_drop_XML-300x153.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Es ist auch n\u00fctzlich, aus dem Flyout-Men\u00fc die Funktion \u00bbTextabschnitte anzeigen\u00ab (Show Text Snippets) zu aktivieren, damit man wei\u00df welches Element man gerade bewegt. Punkto Navigation: Man sieht die Tags ebenfalls sehr gut in der Textansicht in die man per Apfel (Strg) + Y gelangt:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-758\" title=\"story_editor\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/story_editor.jpg\" alt=\"\" width=\"514\" height=\"163\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/story_editor.jpg 514w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/story_editor-300x95.jpg 300w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/><\/p>\n<h3>Bildattribute vergeben<\/h3>\n<p>Bilder und Grafiken m\u00fcssen in einem barrierefreien PDF mit Alternativ-Text versehen werden da Blinde oder Leute mit Sehschw\u00e4che diese ja nicht sehen k\u00f6nnen. Stattdessen soll eine Beschreibung des Bildes vorgelesen werden. Man klickt dazu einmal auf das Bild, woraufhin das Element in der XML-Struktur unterstrichen wird. Ein Rechtsklick darauf und wir w\u00e4hlen \u00bbNeues Attribut\u00ab:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-749\" title=\"neues_atrribut\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/neues_atrribut.jpg\" alt=\"\" width=\"307\" height=\"282\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/neues_atrribut.jpg 307w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/neues_atrribut-300x275.jpg 300w\" sizes=\"(max-width: 307px) 100vw, 307px\" \/><\/p>\n<p>Als Name geben wir \u00bbAlt\u00ab ein (f\u00fcr Alternativ-Text) und als Wert unsere Beschreibung des Bildes:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-750\" title=\"neues_attribut_eintrag\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/neues_attribut_eintrag.jpg\" alt=\"\" width=\"420\" height=\"164\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/neues_attribut_eintrag.jpg 420w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/neues_attribut_eintrag-300x117.jpg 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><\/p>\n<p><strong>Wichtig! <\/strong>Bilder die nur als Hintergrund verwendet werden und keinen wichtigen Bildinhalt haben, m\u00fcssen wir mit dem \u00bbArtifact\u00ab-Tag versehen damit sie von Screenreadern ignoriert werden. Dazu geh\u00f6ren ebenfalls Seitenzahlen oder z.B. laufende Kolumentitel und \u00e4hnliches:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-751\" title=\"Artifact_Tag\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Artifact_Tag.jpg\" alt=\"\" width=\"223\" height=\"189\" \/><\/p>\n<p>Bilder die im Text an einer bestimmten Position stehen, sollten auf jeden Fall verankert werden damit sie nachher m\u00f6glichst in der richtigen Reihenfolge gelesen werden.<\/p>\n<h3>Metadaten eingeben<\/h3>\n<p>Ist zwar kein Mu\u00df f\u00fcr ein barrierefreies Dokument aber man sollte bei digitalen Dokumenten schon die Metadaten ausf\u00fcllen. Diese finden wir im Dokumenten-Info im Men\u00fc \u00bbDatei\u00ab:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-752\" title=\"file_info\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/file_info.jpg\" alt=\"\" width=\"450\" height=\"374\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/file_info.jpg 450w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/file_info-300x249.jpg 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<h3>PDF-Export<\/h3>\n<p>Jetzt sind wir bereit um unser Dokument zu exportieren. Wie anfangs schon erw\u00e4hnt sollte die Acrobat-Kompatibilit\u00e4t mindestens auf Acrobat 5 stehen oder h\u00f6her. Andere Wege die zum PDF f\u00fchren wie z.B. via Distiller bzw. das Drucken-Men\u00fc kommen hier nicht in Frage, da die ganze Struktur und die interaktiven Elemente dabei verworfen werden. Das ist auch eines der Hauptargumente die gerne in Foren und Blogs z.B. angef\u00fchrt werden f\u00fcr den direkten PDF-Export.<\/p>\n<p>Man sollte bedenken, dass in einem digitalen Dokument wie wir eines erstellen, ebenfalls Dinge wie Hyperlinks zu anderen Seiten im Dokument oder zu Websites gesetzt werden k\u00f6nnen. Oder z.B. auch Lesezeichen die der Navigation im PDF dienen. All das kann die Navigation in unserem barrierefreien Dokument nacher erleichtern. Hier als Beispiel noch einmal die PDF-Export-Einstellungen die wir jetzt benutzen:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-753\" title=\"PDFExport_interaktiv\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/PDFExport_interaktiv.jpg\" alt=\"\" width=\"450\" height=\"405\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/PDFExport_interaktiv.jpg 450w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/PDFExport_interaktiv-300x270.jpg 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<h2>Nachbearbeitung in Acrobat<\/h2>\n<h3>Sprache<\/h3>\n<p>Nach dem PDF-Export \u00f6ffnen wir das Dokument in Acrobat und gehen in die Dokumenteigenschaften (Men\u00fc Datei) oder Apfel (Strg) + D und gehen zum Tab \u00bbErweitert\u00ab. Hier m\u00fcssen wir jetzt noch die Sprache einstellen in der das Dokument gelesen werden soll:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-760\" title=\"acro_language\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/acro_language.jpg\" alt=\"\" width=\"450\" height=\"444\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/acro_language.jpg 450w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/acro_language-300x296.jpg 300w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/acro_language-50x50.jpg 50w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<h3>Festgelegte Struktur benutzen<\/h3>\n<p>Im n\u00e4chsten Schritt sollten wir Acrobat noch mitteilen dass er sich an unsere Dokumentenstruktur halten soll die wir definiert haben. Dazu w\u00e4hlen wir in der Seitenpalette alle Seiten aus, machen einen Rechtsklick darauf und w\u00e4hlen \u00bbSeiteneigenschaften\u00ab (Page Properties):<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-761\" title=\"Page_Properties\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Page_Properties.jpg\" alt=\"\" width=\"380\" height=\"429\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Page_Properties.jpg 380w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Page_Properties-265x300.jpg 265w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/p>\n<p>Hier m\u00fcssen wir nun auf \u00bbDokument-Struktur benutzen\u00ab (Use Page Structure) schalten:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-762\" title=\"Page_Structure\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Page_Structure.jpg\" alt=\"\" width=\"322\" height=\"300\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Page_Structure.jpg 322w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Page_Structure-300x279.jpg 300w\" sizes=\"(max-width: 322px) 100vw, 322px\" \/><\/p>\n<h3>Schlusscheck<\/h3>\n<p>Okay, jetzt kommt das Finish: Die Endkontrolle ob&#8217;s geklappt hat. Dazu k\u00f6nnen wir in den Reflow-Modus schalten (Men\u00fc Anzeige \u2013 Zoom). Jetzt umbricht der Text ohne R\u00fccksicht auf unser Layout. Auf manchen Mobilger\u00e4ten k\u00f6nnte das PDF z.B. so angezeigt werden oder aber auch f\u00fcr E-Books die via PDF-Format gelesen werden ist diese Funktion ein Mu\u00df. Und wenn wir im Vorfeld das Dokument nicht richtig getaggt haben, entsteht hier ein Desaster:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-764\" title=\"Reflow\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Reflow.jpg\" alt=\"\" width=\"500\" height=\"418\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Reflow.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Reflow-300x250.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Die Reihenfolge stimmt so. Wir k\u00f6nnen das auch sehen indem wir einen Blick ins Bedienfeld \u00bbOrder\u00ab werfen:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-765\" title=\"Order_Panel\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Order_Panel.jpg\" alt=\"\" width=\"500\" height=\"597\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Order_Panel.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/08\/Order_Panel-251x300.jpg 251w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Am Schluss nat\u00fcrlich die Kontrolle ob eine Maschine den Text nun auch lesen kann. Wir w\u00e4hlen im Men\u00fc Anzeige \u2013 Sprachausgabe aktivieren.<\/p>\n<p>Es gibt einige Fallen beim Erstellen von barrierefreien PDFs bzw. ist vieles nicht ganz automatisierbar. Beim Erstellen der oben gezeigten Beispiele war es etwa nicht trivial um zum optimalen Ergebnis zu gelangen. Manchmal mu\u00df man doch manuell die XML-Struktur noch bearbeiten oder nachher in Acrobat Feintuning vornehmen. Schwierigkeiten stellen auch noch Dinge dar wie Tabellen oder Formulare. In der Acrobat Hilfe von Adobe gibt es noch einen Haufen Hinweise dazu.<\/p>\n<div class=\"shariff\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#1e3050\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Findesign%2Fbarrierefreie-pdfs&text=InDesign%3A%20Barrierefreie%20PDFs%20erstellen\" title=\"Bei X (Twitter) teilen\" aria-label=\"Bei X (Twitter) teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"1em\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.4.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}<\/style><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"\/><\/svg><\/span><span class=\"shariff-text\">twittern<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Findesign%2Fbarrierefreie-pdfs\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Findesign%2Fbarrierefreie-pdfs\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><span class=\"shariff-text\">mitteilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Was bedeutet Barrierefreiheit? Eigentlich versteht man darunter im Publishing, die Aufbereitung von Dokumenten, so dass sie von jedem Menschen unabh\u00e4ngig von einer eventuell vorhandenen Behinderung uneingeschr\u00e4nkt benutzt werden k\u00f6nnen. Man kann in InDesign einiges daf\u00fcr tun, damit PDF-Dokumente korrekt von Screenreadern vorgelesen werden k\u00f6nnen.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[5,3],"tags":[129,135,128,101,102,136,132,51,134,133,130,131],"_links":{"self":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/714"}],"collection":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":19,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/714\/revisions"}],"predecessor-version":[{"id":773,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/714\/revisions\/773"}],"wp:attachment":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/media?parent=714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/categories?post=714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/tags?post=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}