Post on 21-Oct-2014
description
Barrierefreies Publishing - PDF barrierefrei aus InDesign
IDUG Stuttgart - 23. Januar 2014
Markus Erle (Wertewerk)
Wie können wir digitales Publizieren auf die nächste Ebene bringen?
Digitale Inhalte versprechen eine universelle Zugänglichkeit ...
Barrierefreies PDF als „Fahrstuhl“ verspricht einfachen Zugang zu allen „Ebenen“ des Inhalts
Sobald man das PDF benutzen möchte („öffnet“), stößt man auf die Barrieren.
1. Einführung: Was sind barrierefreie Informationen und Inhalte?
„Von Menschen, Maschinen und Maßstäben ...“
2. Workflow & Werkzeuge
3. Chancen
Agenda
1. Einführung:
Barrierefreie Inhalte
„Von Menschen, Maschinen und Maßstäben ...“
Der Mensch
Bei jeder Gestaltung geht man von bestimmten
Nutzerfähigkeiten aus
Nutzerorientierte Ansätze
• Usability
• User Centered Design
• Design for All / Universelles Design
• Accessibility / Zugänglichkeit / Barrierefreiheit
1. Universelle Usability: keine Nutzer ausschließen
2. Anpassungsfähigkeit: individuelle Einstellungen ermöglichen
3. Schnittstellen für technische Hilfen: Schnittstellen schaffen oder vorhandene unterstützen
Universelles Design: 3 Prinzipien
„Disability is the inability to accommodate poor design.”
Prof. Gregg Vanderheiden, University of Wisconsin
Verschiedene Ansätze für anpassbare Inhalte
• Accessible Web Content
• Structured / Intelligent Content
• Mobile first
• Responsive Design
• Accessible Publishing
Gemeinsamer Nenner:
Strukturierung und Anpassbarkeit
„It is expensive to create content, then „retrofit“ it for accessibility later.”
Scott Smith Vordenker für eine Accessible Content Strategy
Die Lösung„Born accessible“-Dokumente
Die Maschine
Eingabegeräte
Ausgabegeräte
barrierefrei = maschinenlesbar
1. Was „sieht“ eine Maschine? Die PAC Vorschau-Ansicht
2. Was liest eine Maschine?JAWS - der verbreitetste Screenreader
3. Dokumentansicht individualisieren Schriftgröße und Farben anpassen
Demos
Beispiel: „Nackte Strukturansicht“ eines Dokumentes
MemoDas klassische Dokument ist nur eine von vielen möglichen
Darstellungsformen!
Die Maßstäbe
Wo ist festgelegt, was barrierefrei ist?
Verordnung, Richtlinien und Standards
• Web Content Accessibility Guideline WCAG 2.0 (12/2008)
• PDF/UA universal accessibility(08/2012)
• Barrierefreie Informationstechnik Verordnung BITV 2 (09/2011)
• Mandate 376
Die 4 Schlüsselprinzipien barrierefreier Inhalte
Web Content Accessibility Guidelines (WCAG) 2.0
WahrnehmbarTextalternativen
Alternativen für Video und AudioAnpassbar
Unterscheidbar (Kontraste, Schriftgröße)
BedienbarTastatursteuerungAusreichend Zeit
Keine AnfälleNavigierbar
VerständlichLesbar
VorhersehbarHilfestellung bei der Eingabe
RobustKompatibel
Was ist in der BITV 2 anders?
• nur 2 Stufen (Prio I und Prio II)
• I entspricht AA, 1+II entsprechen AAA (jeweils die niederen Levels vorausgesetzt)
• Grundinformationen müssen auch in Leichter Sprache und Gebärdensprache zur Verfügung stehen
ISO-Standard für barrierefreie PDF-
Dokumente
ISO 14289-1 (PDF/UA)
Markus Erle, Wertewerk www.wertewerk.de
Welche Merkmale gelten?
Markus Erle, Wertewerk www.wertewerk.de
• Voraussetzungen: Unicode, Schriften eingebettet, Grundsprache
• Gestaltung und Layout: Ausreichende Kontraste, Informationen nicht allein durch visuelle Eigenschaften vermitteln
• Logische Dokumentstruktur & Semantik: Jedem Element ist ein PDF-Tag zugeordnet oder eine Kennzeichnung als Artefakt, eindeutige logische Reihenfolge
• Sonstiges: Lesezeichen, Metadaten, Seitennummerierung, Sprachwechsel
Welche Merkmale gelten?
Markus Erle, Wertewerk www.wertewerk.de
• Vollständig: jedes Element hat einen Tag oder ist als Artefakt gekennzeichnet
• Linear: alle Inhaltselemente sind in einer eindeutige Reihenfolge
• Adäquat: jedes Inhaltselement hat den zu ihm passenden Tag („Etikett“)
• Kongruent: was zusammengehört, muss zusammenbleiben: Umgang mit Trennstrichen, Zeilen- oder Seitenumbrüchen
• Eindeutig: nur PDF-Standard-Tags verwenden oder benutzerdefinierten Tags einen solchen zuweisen (Rollenzuordnung)
Logische Dokumentstruktur & Semantik: 5 Grundsätze
Markus Erle, Wertewerk www.wertewerk.de
• Überschriften: korrekte Hierarchie, keine Ebene überspringen
• Bilder & Grafiken: in der logischen Dokumentstruktur positionieren und mit Textalternativen versehen
• Listen: als echte Listen anlegen (nicht nur rein optisch)
• Tabellen: nur für Datentabellen verwenden, Überschriftenzellen kennzeichnen
• Spezialfälle: Links, Fuß-/Endnoten, Marginalien, Formularfelder
Logische Dokumentstruktur & Semantik: einzelne Elemente
Autoren-programme
Reader / Viewer
Assistive Programme
Einheitlicher Standard ermöglicht bestmögliches Nutzererlebnis!
PDF/UA gilt für ...
2. Workflow & Werkzeuge
Das Grundprinzip verstehen
Ein „Crashkurs“ in Struktur und Semantik
„Das Wesentliche ist für die Augen unsichtbar“
Dokumentansicht Strukturansicht (z.B. mit PAC-Vorschau)
Dokumentansicht Strukturansicht (z.B. mit PAC Vorschau)
Memo Unsichtbare
Zusatzinformationen („Tags“) bilden das Grundgerüst eines barrierefreien Dokumentes
Markus Erle, Wertewerk www.wertewerk.de
Überschrift 1
• gestern• heute• morgen
www.ikt-forum.at
Bild 1: Logo des Matterhorn Protocols
Absatzformat zu H1 gemapped
Absatzformat als „echte“ Liste
verankertes Bild mit Alternativtext
aktiver Link
Absatzformat „Caption“
Zum Beispiel: im InDesign-Dokument vorarbeiten:
• unsichtbare Etiketten im Quelldokument anlegen (werden zu „PDF-Tags“)
• Reihenfolge aller Elemente eindeutig festlegen: logische Reihenfolge (wird zur „Vorlese-Reihenfolge“)
Von InDesign zu PDF
Markus Erle, Wertewerk www.wertewerk.de
Absatzformat zu H1 gemapped
Absatzformat als „echte“ Liste
verankertes Bild mit Alternativtext
aktiver Link
Absatzformat „Caption“
PDF-Tags<H1>
Von InDesign zu PDF
Markus Erle, Wertewerk www.wertewerk.de
Absatzformat zu H1 gemapped
Absatzformat als „echte“ Liste
verankertes Bild mit Alternativtext
aktiver Link
Absatzformat „Caption“
PDF-Tags<H1>
<L><LI><LI><LI>
Von InDesign zu PDF
Markus Erle, Wertewerk www.wertewerk.de
Absatzformat zu H1 gemapped
Absatzformat als „echte“ Liste
verankertes Bild mit Alternativtext
aktiver Link
Absatzformat „Caption“
PDF-Tags<H1>
<L><LI><LI><LI>
<Link>
Von InDesign zu PDF
Markus Erle, Wertewerk www.wertewerk.de
PDF-TagsAbsatzformat zu H1
gemapped
Absatzformat als „echte“ Liste
verankertes Bild mit Alternativtext
aktiver Link
Absatzformat „Caption“
<H1>
<L><LI><LI><LI>
<Link>
<Caption>
<Figure> mit Alt-Attribut (Alternativtext)
Von InDesign zu PDF
Markus Erle, Wertewerk www.wertewerk.de
PDF-TagsAbsatzformat zu H1
gemapped
Absatzformat als „echte“ Liste
verankertes Bild mit Alternativtext
aktiver Link
Absatzformat „Caption“
<H1>
<L><LI><LI><LI>
<Link>
<Caption>
<Figure> mit Alt-Attribut (Alternativtext)
Von InDesign zu PDF
PDF-TagsAbsatzformat zu H1
gemapped
Absatzformat als „echte“ Liste
verankertes Bild mit Alternativtext
aktiver Link
Absatzformat „Caption“
PDF-Ansicht identisch zur InDesign-Ansicht
Markus Erle, Wertewerk www.wertewerk.de
<H1>
<L><LI><LI><LI>
<Link>
<Caption>
<Figure> mit Alt-Attribut (Alternativtext)
Überschrift 1
• gestern• heute• morgen
www.ikt-forum.at
Bild 1: Logo des Matterhorn Protocols
Markus Erle, Wertewerk www.wertewerk.de
PDF-Tags<H1>
<L><LI><LI><LI>
<Link>
Überschrift 1
• gestern• heute• morgen
www.ikt-forum.at
Bild 1: Logo des Matterhorn Protocols
Inhalte anpassen
beispielsweise mit VIP Reader
PDF-Tags sind das Grundgerüst für anpassbare Inhalte
Markus Erle, Wertewerk www.wertewerk.de
PDF-Tags<H1>
<L><LI><LI><LI>
<Link>
Überschrift 1
• gestern• heute• morgen
www.ikt-forum.at
Bild 1: Logo des Matterhorn Protocols
PDF-Tags sind das Grundgerüst für anpassbare Inhalte
Markus Erle, Wertewerk www.wertewerk.de
PDF-Tags sind das Grundgerüst für anpassbare Inhalte
Markus Erle, Wertewerk www.wertewerk.de
PDF-Tags sind das Grundgerüst für anpassbare Inhalte
Markus Erle, Wertewerk www.wertewerk.de
• VIP steht für Visual impaired persons
• kostenloser Reader des SZB (Schweizerischer Zentralverein für das Blindenwesen) in Zusammenarbeit mit der Stiftung „Zugang für alle“
• umgesetzt von xyMedia (PAC, axesPDF for Word)
• verfügbar für Win, Mac & Linux
• umfassende Möglichkeit der „Text Customization“: Schrift- & Hintergrundfarbe, Reflow, Zeilen-, Wort- oder Zeichenabstände
• Optimierte Tabellenansicht
VIP PDF-Reader - kurz: VIP ReaderNeu
VIP PDF-Reader - kurz: VIP Reader
Klasse! Kontrastdarstellung mit
echtem Reflow und optimierter Tabellenansicht
Neu
Markus Erle, Wertewerk www.wertewerk.de
VIP Reader individuell einstellenNeu
Der Workflow
KonvertierenPrüfen &
korrigierenBarrierefreies PDF
nutzenDas PDF „lesen“ mit
• Screenreader
• Braille-Display
• Zoom-Software
• anderen assistiven Technologien
• Mobiler PDF-Viewer
Die Konvertierung sollte
• PDF-Tags aus der Dokumentstruktur erstellen
• fehlende Barrierefreiheitseigen–schaften ergänzen
• typische Fehler korrigieren
1. Automatisches Prüfen
2. Visuelles Prüfen
• Semantik• Tag-Reihenfolge
3. Praxisprüfung mit assistiver Technologie
4. Korrigieren und Ergänzen
Screenreader
• JAWS
• NVDA
PDF-Reader
• VIP PDF-Reader
Prüfen und Korrigieren
• Acrobat XI Pro
• axesPDF QuickFix
Kostenlos
• PAC 2 (PDF/UA-Checker) - nur Prüfen 1. und 2.
• callas pdfGoHTML - nur Prüfen: 2.
4. Workflow und Werkzeuge - InDesign
Autor
Autorenwerkzeuge
• ab InDesign CS 5.5
• axaio MadeToTag (Add-In)
1. In InDesign
• Formatvorlagen zu PDF-Tags mappen
• verfügbare Werkzeuge für Tabellen einsetzen
• Log. Reihenfolge über Artikel-Werkzeug, Verketten und Verankern
2. Möglichst alle Barrierefreiheitsmerkmale anlegen
Konvertierung in Tagged PDF
• ab InDesign CS 5.5
• axaio MadeToTag
KonvertierungPrüfen &
korrigieren
Die Konvertierung sollte
• PDF-Tags aus der Dokumentstruktur erstellen
• fehlende Barrierefreiheitseigen–schaften ergänzen
• typische Fehler korrigieren
Das PDF „lesen“ mit
• Screenreader
• Braille-Display
• Zoom-Software
• anderen assistiven Technologien
• Mobiler PDF-Viewer
1. Automatisches Prüfen
2. Visuelles Prüfen
• Semantik• Tag-Reihenfolge
3. Praxisprüfung mit assistiver Technologie
4. Korrigieren und Ergänzen
Screenreader
• JAWS
• NVDA
PDF-Reader
• VIP PDF-Reader
4. Workflow und Werkzeuge - InDesign
Autor
Autorenwerkzeuge
• ab InDesign CS 5.5
• axaio MadeToTag (Add-In)
1. In InDesign
• Formatvorlagen zu PDF-Tags mappen
• verfügbare Werkzeuge für Tabellen einsetzen
• Log. Reihenfolge über Artikel-Werkzeug, Verketten und Verankern
2. Möglichst alle Barrierefreiheitsmerkmale anlegen
Konvertierung in Tagged PDF
• ab InDesign CS 5.5
• axaio MadeToTag
Barrierefreies PDF nutzen
Prüfen und Korrigieren
• Acrobat XI Pro
• axesPDF QuickFix
Kostenlos
• PAC 2 (PDF/UA-Checker) - nur Prüfen 1. und 2.
• callas pdfGoHTML - nur Prüfen: 2.
KonvertierungPrüfen &
korrigieren
Die Konvertierung sollte
• PDF-Tags aus der Dokumentstruktur erstellen
• fehlende Barrierefreiheitseigen–schaften ergänzen
• typische Fehler korrigieren
Das PDF „lesen“ mit
• Screenreader
• Braille-Display
• Zoom-Software
• anderen assistiven Technologien
• Mobiler PDF-Viewer
1. Automatisches Prüfen
2. Visuelles Prüfen
• Semantik• Tag-Reihenfolge
3. Praxisprüfung mit assistiver Technologie
4. Korrigieren und Ergänzen
Screenreader
• JAWS
• NVDA
PDF-Reader
• VIP PDF-Reader
4. Workflow und Werkzeuge - InDesign
Autor
1. In InDesign
• Formatvorlagen zu PDF-Tags mappen
• verfügbare Werkzeuge für Tabellen einsetzen
• Log. Reihenfolge über Artikel-Werkzeug, Verketten und Verankern
2. Möglichst alle Barrierefreiheitsmerkmale anlegen
Prüfen und Korrigieren
• Acrobat XI Pro
• axesPDF QuickFix
Kostenlos
• PAC 2 (PDF/UA-Checker) - nur Prüfen 1. und 2.
• callas pdfGoHTML - nur Prüfen: 2.
Barrierefreies PDF nutzen
Autorenwerkzeuge
• ab InDesign CS 5.5
• axaio MadeToTag (Add-In)
Konvertierung in Tagged PDF
• ab InDesign CS 5.5
• axaio MadeToTag
KonvertierungPrüfen &
korrigieren
1. In InDesign
• Formatvorlagen zu PDF-Tags mappen
• verfügbare Werkzeuge für Tabellen einsetzen
• Log. Reihenfolge über Artikel-Werkzeug, Verketten und Verankern
2. Möglichst alle Barrierefreiheitsmerkmale anlegen
Die Konvertierung sollte
• PDF-Tags aus der Dokumentstruktur erstellen
• fehlende Barrierefreiheitseigen–schaften ergänzen
• typische Fehler korrigieren
Das PDF „lesen“ mit
• Screenreader
• Braille-Display
• Zoom-Software
• anderen assistiven Technologien
• Mobiler PDF-Viewer
1. Automatisches Prüfen
2. Visuelles Prüfen
• Semantik• Tag-Reihenfolge
3. Praxisprüfung mit assistiver Technologie
4. Korrigieren und Ergänzen
Screenreader
• JAWS
• NVDA
PDF-Reader
• VIP PDF-Reader
Konvertierung in Tagged PDF
• ab InDesign CS 5.5
• axaio MadeToTag
4. Workflow und Werkzeuge - InDesign
AutorBarrierefreies PDF
nutzen
Prüfen und Korrigieren
• Acrobat XI Pro
• axesPDF QuickFix
Kostenlos
• PAC 2 (PDF/UA-Checker) - nur Prüfen 1. und 2.
• callas pdfGoHTML - nur Prüfen: 2.
Autorenwerkzeuge
• ab InDesign CS 5.5
• axaio MadeToTag (Add-In)
Die Werkzeuge
AAutoren-Werkzeuge
Markus Erle, Wertewerk www.wertewerk.de
InDesign CC - „Spickzettel“ (Cheat Sheet“)
Markus Erle, Wertewerk www.wertewerk.de
axaio MadeToTagNeu
Markus Erle, Wertewerk www.wertewerk.de
axaio MadeToTagNeu
• Indesign-Plug-In zum schnelleren und einfacheren Erstellen PDF/UA-konformer PDFs
Highlights
• geführter Workflow
• Sprachfestlegungen prüfen und vornehmen
• komplexe Tabellen auszeichnen
• bessere PDF-Konvertierung als Indesign
BPrüf- & Korrektur-
Werkzeuge
Qualitätssicherung als Herausforderung
Bildnachweis: Patrick Shyu precipices (Steiniger Weg)
Markus Erle, Wertewerk www.wertewerk.de
• Automatische Prüfung: Einziger vollständiger PDF/UA-Checker: PDF Accessibility Checker 2.0 der Stiftung „Zugang für alle“
• Visuelle Prüfung: Vereinfachte Strukturansicht für erste Beurteilung der logischen Dokumentstruktur und der Semantik, detaillierte Parallel-Ansicht PDF-Tags und Dokument sowie Ansicht wichtiger Attribute (beispielsweise Sprache) und Rollen
• Praxistest mit assistiver Technologie: Screenreader wie JAWS oder NVDA beispielsweise, spezielle Reader wie VIP PDF Reader
Qualitätssicherung in 3 Stufen
Markus Erle, Wertewerk www.wertewerk.de
PDF Accessibility Checker (PAC) 2.0: PDF/UA-Check
Neu
Markus Erle, Wertewerk www.wertewerk.de
• kostenlos (auf Spendenbasis, für Mac-Version wird noch gesammelt)
• alle Maschinen-prüfbare Checkpunkte des Matterhorn-Protocolls - Zusammenfassung & Detailbericht
• Zusätzliche Ansichten und Features zur Unterstützung der manuellen Prüfung:
- vereinfachte Strukturansicht
- detaillierte Parallelansicht PDF-Tags & Dokument
- alle Attribute zu PDF-Tags
- Rollenzuordnung
- Statistik
PAC 2.0 - KurzprofilNeu
Markus Erle, Wertewerk www.wertewerk.de
PAC 2.0: DetailberichtNeu
Markus Erle, Wertewerk www.wertewerk.de
PAC 2: Screenreader-VorschauNeu
Markus Erle, Wertewerk www.wertewerk.de
PAC 2.0: Strukturbaum und SeitenansichtNeu
Markus Erle, Wertewerk www.wertewerk.de
callas pdfGoHTMLNeu
Markus Erle, Wertewerk www.wertewerk.de
callas pdfGoHTML - KurzprofilNeu
• Acrobat Pro-Add-In für alternative Darstellung barrierefreier PDFs
Highlights
• vereinfachte Strukturansicht
• Umfließen-Ansicht („Reflow“)
• Invertierte Darstellung
• Dyslexie-freundliche Ansicht
Markus Erle, Wertewerk www.wertewerk.de
axesPDF QuickFixNeu
Markus Erle, Wertewerk www.wertewerk.de
axesPDF QuickFix - KurzprofilNeu• Korrektur-Werkzeug zum schnelleren und einfacheren
Erstellen PDF/UA-konformer PDFs (nur für Windows)
• Professional-Version des PAC 2
Highlights
• PDF/UA-Checker + Korrektur (einige auf Knopfdruck)
• massive Zeitersparnis
• bügelt Unzulänglichkeiten von Indesign aus (Lesezeichen, Linkbeschreibungen, Artefakte, Attribute)
• Tag-Renaming, PDF/UA-Identifier, interne Links
Markus Erle, Wertewerk www.wertewerk.de
• VIP PDF-Reader: http://www.szb.ch/index.php?id=1269
• axaio MadeToTag: http://www.axaio.com/doku.php/de:products:madetotag
• PAC 2 - Stiftung „Zugang für alle“: http://www.access-for-all.ch/ch/pdf-werkstatt/pdf-accessibility-checker-pac/pac-2.html
• callas pdfGoHTML: http://www.callassoftware.com/callas/doku.php/de:products:pdfgohtml
• axesPDF QuickFix: www.axespdf.com
• ISO-Seite zu PDF/UA: http://www.iso.org/iso/catalogue_detail.htm?csnumber=54564
• Markus Erle: Was Sie schon immer über barrierefreies PDF wissen wollten - IKT-Forum 2013, A-Linzhttp://blog.axespdf.com/index.php/leserseite/items/wissen-pdf-barrierefrei-ikt2013.html
• PDF/UA Competence Center: http://www.pdfa.org/competence-center/pdfua-competence-center/?lang=de
Nützliche Links zu Tools (sortiert nach ihrem Auftreten)
3. Chancen
Markus Erle, Wertewerk www.wertewerk.de
Welche Strategie für Dienstleister und Freelancer ist sinnvoll?
• Strategie 1: Kompetenz intern aufbauen - alles bis zum PDF/UA-konformen PDF komplett selber machen
• Strategie 2: Gestaltung und Satz selber machen - Auslagern: Erstellen von für Barrierefreiheit optimierten Mustervorlagen & Qualitätssicherung
• Strategie 3: Bis zum Druck-PDF alles selber machen, Erstellung des barriererfreien PDFs auslagern (von einem Web-PDF
Chancen
Markus Erle, Wertewerk www.wertewerk.de
• axesPDF-Blog - Expertenwissen rund um PDF-Barrierefreiheit http://blog.axespdf.com/
• CheatSheet „Barrierefreie PDFs erstellen mit Adobe InDesign CC“ http://blog.axespdf.com/
• ISO-Seite zu PDF/UA: http://www.iso.org/iso/catalogue_detail.htm?csnumber=54564
• Markus Erle: Was Sie schon immer über barrierefreies PDF wissen wollten - IKT-Forum 2013, A-Linzhttp://blog.axespdf.com/index.php/leserseite/items/wissen-pdf-barrierefrei-ikt2013.html
• PDF/UA Competence Center: http://www.pdfa.org/competence-center/pdfua-competence-center/?lang=de
• PDF/UA kompakt: http://www.pdfa.org/2013/06/pdfua-kompakt/?lang=de
• Praxis-Intensiv-Schulungen und Workflow-Beratung rund um PDF-Barrierefreiheit: http://www.wertewerk.de
Nützliche Links zu weiteren Infos
Markus Erle, Wertewerk www.wertewerk.de
?
Bildnachweis: Arwen Y. Ballester (Exit)
Markus Erleerle@wertewerk.de
Twitter: @aixe12Xing: Markus Erle
WertewerkMirabeauweg 4D-72072 Tübingen
www.wertewerk.de