barrierefreies publishing - pdf barrierefrei mit indesign (idug stuttgart, 23.1.2014)

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