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

http://www.barrierefrei-kommunizieren.de/datenbank/produkt.php?art=wkin&katid=39&herkunft=index_produkte&pid=665


















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?

http://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?




• 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




• Ü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


Ü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



http://www.ikt-forum.at






aktiver Link


PDF-Tags<H1>

Von InDesign zu PDF







aktiver Link


PDF-Tags<H1>

<L><LI><LI><LI>

Von InDesign zu PDF







aktiver Link


PDF-Tags<H1>

<L><LI><LI><LI>

<Link>

Von InDesign zu PDF




PDF-TagsAbsatzformat zu H1

gemapped



aktiver Link


<H1>

<L><LI><LI><LI>

<Link>

<Caption>

<Figure> mit Alt-Attribut (Alternativtext)

Von InDesign zu PDF



PDF-TagsAbsatzformat zu H1

gemapped



aktiver Link


PDF-Ansicht identisch zur InDesign-Ansicht


<H1>

<L><LI><LI><LI>

<Link>

<Caption>

<Figure> mit Alt-Attribut (Alternativtext)

Überschrift 1


www.ikt-forum.at







PDF-Tags<H1>

<L><LI><LI><LI>

<Link>

Überschrift 1


www.ikt-forum.at


Inhalte anpassen

beispielsweise mit VIP Reader

PDF-Tags sind das Grundgerüst für anpassbare Inhalte






PDF-Tags<H1>

<L><LI><LI><LI>

<Link>

Überschrift 1


www.ikt-forum.at








• 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


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


• axaio MadeToTag

KonvertierungPrüfen &

korrigieren





Das PDF „lesen“ mit

• Screenreader

• Braille-Display

• Zoom-Software








Screenreader

• JAWS

• NVDA

PDF-Reader

• VIP PDF-Reader


Autor

Autorenwerkzeuge



1. In InDesign







• axaio MadeToTag

Barrierefreies PDF nutzen


• Acrobat XI Pro


Kostenlos




korrigieren






• Screenreader

• Braille-Display

• Zoom-Software








Screenreader

• JAWS

• NVDA

PDF-Reader

• VIP PDF-Reader


Autor

1. In InDesign






• Acrobat XI Pro


Kostenlos



Barrierefreies PDF nutzen

Autorenwerkzeuge





• axaio MadeToTag


korrigieren

1. In InDesign










• Screenreader

• Braille-Display

• Zoom-Software








Screenreader

• JAWS

• NVDA

PDF-Reader

• VIP PDF-Reader



• axaio MadeToTag


AutorBarrierefreies PDF

nutzen


• Acrobat XI Pro


Kostenlos



Autorenwerkzeuge



Die Werkzeuge

AAutoren-Werkzeuge


InDesign CC - „Spickzettel“ (Cheat Sheet“)





axaio MadeToTagNeu




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)


• 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




PDF Accessibility Checker (PAC) 2.0: PDF/UA-Check

Neu




• 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




PAC 2.0: DetailberichtNeu




PAC 2: Screenreader-VorschauNeu




PAC 2.0: Strukturbaum und SeitenansichtNeu





callas pdfGoHTMLNeu




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




axesPDF QuickFixNeu




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




• 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)



http://www.szb.ch/index.php?id=1269

http://www.szb.ch/index.php?id=1269

http://www.axaio.com/doku.php/de:products:madetotag

http://www.axaio.com/doku.php/de:products:madetotag

http://www.access-for-all.ch/ch/pdf-werkstatt/pdf-accessibility-checker-pac/spenden-fuer-pac-2.html

http://www.access-for-all.ch/ch/pdf-werkstatt/pdf-accessibility-checker-pac/spenden-fuer-pac-2.html

http://www.axespdf.com




http://www.iso.org/iso/catalogue_detail.htm?csnumber=54564


http://blog.axespdf.com/index.php/leserseite/items/wissen-pdf-barrierefrei-ikt2013.html


http://www.pdfa.org/competence-center/pdfua-competence-center/?lang=de


3. Chancen


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




• 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


















?

Bildnachweis: Arwen Y. Ballester (Exit)



Markus [email protected]

Twitter: @aixe12Xing: Markus Erle

WertewerkMirabeauweg 4D-72072 Tübingen

www.wertewerk.de

mailto:[email protected]

mailto:[email protected]

https://twitter.com/aixe12

https://twitter.com/aixe12

https://www.xing.com/profile/Markus_Erle

https://www.xing.com/profile/Markus_Erle



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

Design

fehlende barrierefreiheitseigenschaften

welche merkmale

gestern heute

tagsabsatzformat

anderen assistiven

typische fehler

verketten

acrobat xi