Was Usability Professionals über barrierefreies PDF wissen sollten
Interaktive Vielfalt 2013, BremenMarkus Erle, Wertewerk www.wertewerk.de
Geht es nicht einfacher?
Wie setze ich es um?
Warum ist es wichtig?
Wie prüfe ich es?
Hier eigene Frage einsetzen
Matterhorn?
Dort sind die Anforderungen an barrierefreie PDFs gemäß des neuen ISO-Standards PDF/UA in von Maschinen oder Menschen zu prüfende Kriterien übersetzt
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
• Zur UX gehören auch Dokumente
Beispiele: Kontoauszüge / Flyer, Broschüren, Berichte / Protokolle / Gebrauchsanleitungen, Handbücher
• Nutzern ist das Format letztlich egal
• Setzen wir nicht unsere eigene Glaubwürdigkeit aufs Spiel?
Warum ist PDF-Barrierefreiheit ein Thema für UPs?
Das Grundprinzip strukturierter Dokumente
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
Überschrift 1
• gestern• heute• morgen
www.ikt-forum.at
Bild 1: Logo des Matterhorn Protocols
Gliederungsebene 1
Formatvorlage „Aufzählungszeichen
verankertes Bild mit Alternativtext
aktiver Link
Formatvorlage „Beschriftung“
Zum Beispiel: im Word-Dokument vorarbeiten:
• unsichtbare Etiketten im Quelldokument anlegen (werden zu „PDF-Tags“)
• Reihenfolge aller Elemente eindeutig festlegen: logische Reihenfolge (wird zur „Vorlese-Reihenfolge“)
Von WORD zu PDF
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
Gliederungsebene 1
Formatvorlage „Aufzählungszeichen
verankertes Bild mit Alternativtext
aktiver Link
Formatvorlage „Beschriftung“
PDF-Tags<H1>
Von WORD zu PDF
Gliederungsebene 1
Formatvorlage „Aufzählungszeichen
verankertes Bild mit Alternativtext
aktiver Link
Formatvorlage „Beschriftung“
PDF-Tags
Von WORD zu PDF
<H1>
<L><LI><LI><LI>
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
Gliederungsebene 1
Formatvorlage „Aufzählungszeichen
verankertes Bild mit Alternativtext
aktiver Link
Formatvorlage „Beschriftung“
PDF-Tags
Von WORD zu PDF
Markus Erle, Wertewerk www.wertewerk.de
<H1>
<L><LI><LI><LI>
<Link>
Interaktive Vielfalt 2013, Bremen
PDF-TagsGliederungsebene 1
Formatvorlage „Aufzählungszeichen
verankertes Bild mit Alternativtext
aktiver Link
Formatvorlage „Beschriftung“
Von WORD zu PDF
Markus Erle, Wertewerk www.wertewerk.de
<H1>
<L><LI><LI><LI>
<Link>
<Caption>
<Figure> mit Alt-Attribut (Alternativtext)
Interaktive Vielfalt 2013, Bremen
PDF-TagsGliederungsebene 1
Formatvorlage „Aufzählungszeichen
verankertes Bild mit Alternativtext
aktiver Link
Formatvorlage „Beschriftung“
Von WORD zu PDF
Markus Erle, Wertewerk www.wertewerk.de
<H1>
<L><LI><LI><LI>
<Link>
<Caption>
<Figure> mit Alt-Attribut (Alternativtext)
Interaktive Vielfalt 2013, Bremen
PDF-TagsGliederungsebene 1
Formatvorlage „Aufzählungszeichen
verankertes Bild mit Alternativtext
aktiver Link
Formatvorlage „Beschriftung“
PDF-Ansicht identisch zur Word-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
Interaktive Vielfalt 2013, Bremen
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
Interaktive Vielfalt 2013, Bremen
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
Inhalte anpassen
beispielsweise mit VIP Reader
Interaktive Vielfalt 2013, Bremen
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
Interaktive Vielfalt 2013, Bremen
PDF-Tags sind das Grundgerüst für anpassbare Inhalte
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
PDF-Tags sind das Grundgerüst für anpassbare Inhalte
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
VIP PDF-Reader - kurz: VIP Reader
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
Neu
Interaktive Vielfalt 2013, Bremen
Struktur in unwegsames Gelände bringen: Merkmale
Welche Merkmale gelten?
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
Wird gerade ein DIN Standard!
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
Interaktive Vielfalt 2013, Bremen
Logische Dokumentstruktur & Semantik: 5 Grundsätze
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)
Interaktive Vielfalt 2013, Bremen
Logische Dokumentstruktur & Semantik: einzelne Elemente
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
Interaktive Vielfalt 2013, Bremen
Notwendige Ausrüstung mitgeben: Werkzeuge und Workflows
Der Mythos Knopfdruck
Markus Erle, Wertewerk www.wertewerk.de
• Ziel muss es sein, alle Barrierefreiheitmerkmale im Quelldokument anzulegen, eventuell sogar dort bereits zu prüfen (ist aber keine finale Prüfung) und
• mit einer zuverlässigen Konvertierung, die möglichst noch gewisse Fehler ausgleicht (beispielsweise leere Absätze)
• mit Mainstream-Programmen ist dies nicht zu erreichen
• Spezialprogramme (Add-Ins) springen in die Bresche
• aus WORD: nur für Windows möglich mit Hilfe des Add-Ins axesPDF for Word
• aus InDesign: möglich mit Hilfe des Add-Ins axaio MadetoTag (Win & Mac)
Interaktive Vielfalt 2013, Bremen
7. Werkzeuge und Workflows
axesPDF for Word - Add-In für Word
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
Neu
Autorenwerkzeuge
• Word 2010
• Word 2013
• Libre Office / Open Office
• axesPDF for Word (Add-In)
KonvertierungPrüfen &
Vervollständigen
WAutor Barrierefreies PDF
1. Word so benutzen, wie es gedacht ist
• Formatvorlagen• verfügbare Werkzeuge
für Tabellen, Fußnoten
2. Möglichst alle Barrierefreiheitsmerkmale anlegen
• Alternativtexte / Artefakte
Das 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. Manuelles 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
• integriert (Word, Libre Office / Open Office)
• Adobe PDF-Maker (Add-In)
• axesPDF for Word (Add-In) - eigener Konverter
Prüftool für Barrierefreiheit
• Acrobat Checker
• PAC 2 (PDF/UA-Checker)
Mit vereinfachter Strukturansicht
• PAC 2
• pdfGoHTML
7. Werkzeuge und Workflows - WORD
KonvertierungPrüfen &
Vervollständigen
WAutor Barrierefreies PDF
Prüftool für Barrierefreiheit
• Acrobat Checker
• PAC 2 (PDF/UA-Checker)
Mit vereinfachter Strukturansicht
• PAC 2
• pdfGoHTML
Autorenwerkzeuge
• Word 2010
• Word 2013
• Libre Office / Open Office
• axesPDF for Word (Add-In)
1. Word so benutzen, wie es gedacht ist
• Formatvorlagen• verfügbare Werkzeuge
für Tabellen, Fußnoten
2. Möglichst alle Barrierefreiheitsmerkmale anlegen
• Alternativtexte / Artefakte
Konvertierung in Tagged PDF
• integriert (Word, Libre Office / Open Office)
• Adobe PDF-Maker (Add-In)
• axesPDF for Word (Add-In) - eigener Konverter
• ZHAW-Add-In nutzt Word-Funktion
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. Manuelles Prüfen
• Semantik• Tag-Reihenfolge
3. Praxisprüfung mit assistiver Technologie
4. Korrigieren und Ergänzen
Screenreader
• JAWS
• NVDA
PDF-Reader
• VIP PDF-Reader
7. Werkzeuge und Workflows - WORD
Prüftool für Barrierefreiheit
• Acrobat Checker
• PAC 2 (PDF/UA-Checker)
Mit vereinfachter Strukturansicht
• PAC 2
• Callas pdfGoHTML
KonvertierungPrüfen &
Vervollständigen
WAutor Barrierefreies PDF
1. Word so benutzen, wie es gedacht ist
• Formatvorlagen• verfügbare Werkzeuge
für Tabellen, Fußnoten
2. Möglichst alle Barrierefreiheitsmerkmale anlegen
• Alternativtexte / Artefakte
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. Manuelles 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
• integriert (Word, Libre Office / Open Office)
• Adobe PDF-Maker (Add-In)
• axesPDF for Word (Add-In) - eigener Konverter
Autorenwerkzeuge
• Word 2010
• Word 2013
• Libre Office / Open Office
• axesPDF for Word (Add-In)
7. Werkzeuge und Workflows - WORD
KonvertierungPrüfen &
Vervollständigen
WAutor Barrierefreies PDF
1. Word so benutzen, wie es gedacht ist
• Formatvorlagen• verfügbare Werkzeuge
für Tabellen, Fußnoten
2. Möglichst alle Barrierefreiheitsmerkmale anlegen
• Alternativtexte / Artefakte
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. Manuelles 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
• integriert (Word, Libre Office / Open Office)
• Adobe PDF-Maker (Add-In)
• axesPDF for Word (Add-In) - eigener Konverter
Autorenwerkzeuge
• Word 2010
• Word 2013
• Libre Office / Open Office
• axesPDF for Word (Add-In)
7. Werkzeuge und Workflows - WORD
Prüftool für Barrierefreiheit
• Acrobat Checker
• PAC 2 (PDF/UA-Checker)
Mit vereinfachter Strukturansicht
• PAC 2
• pdfGoHTML
Axaio MadeToTag - Add-In für Indesign
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
Neu
Wie prüfe ich es?
Qualitätssicherung als Herausforderung
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“
• Manuelle 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
Interaktive Vielfalt 2013, Bremen
PDF Accessibility Checker 2.0
Markus Erle, Wertewerk www.wertewerk.de
• kostenlos (auf Spendenbasis, für Mac-Version wird noch gesammelt)
• alle Maschinen-prüfbare Checkpunkte des Matterhorn-Protocolls
• 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
Neu
Interaktive Vielfalt 2013, Bremen
PDF Accessibility Checker 2.0
Markus Erle, Wertewerk www.wertewerk.de
Neu
Interaktive Vielfalt 2013, Bremen
PDF Accessibility Checker 2.0
Markus Erle, Wertewerk www.wertewerk.de
Neu
Interaktive Vielfalt 2013, Bremen
PDF Accessibility Checker 2.0
Markus Erle, Wertewerk www.wertewerk.de
Neu
Interaktive Vielfalt 2013, Bremen
PDF Accessibility Checker 2.0
Markus Erle, Wertewerk www.wertewerk.de
Neu
Interaktive Vielfalt 2013, Bremen
PDF Accessibility Checker 2.0
Markus Erle, Wertewerk www.wertewerk.de
Neu
Interaktive Vielfalt 2013, Bremen
Callas pdfGoHTML
Markus Erle, Wertewerk www.wertewerk.de Interaktive Vielfalt 2013, Bremen
Neu
Ausblick
AusblickNeu
Markus Erle, Wertewerk www.wertewerk.de
• funktionierender Markt: Hersteller greifen PDF/UA auf bzw. Speziallösungen sind erschienen
• professionelle Erstellungswerkzeug verfügbar, die den Aufwand minimieren
• PDF ist immer noch das beste Format bei komplexen Layouts
• mittelfristig, wird es gleichgültig sein, welches Format: die logische Struktur muss vorhanden sein
• PDF 2.0 / PDF/UA-2 sind bereits in Arbeit - weitere Verbesserungen der Barrierefreiheit
Interaktive Vielfalt 2013, Bremen
Fazit: Schwarze Wolken? Oder ...
Strahlend blaue Bergidylle?
Fazit
Markus Erle, Wertewerk www.wertewerk.de
Warum ist es wichtig?
Dokumente gehören zur UX
Interaktive Vielfalt 2013, Bremen
Fazit
Markus Erle, Wertewerk www.wertewerk.de
Wie setze ich es um?PDF/UA-Konformität lässt
sich mit speziellen Add-Ins auf Knopfdruck
herstellen - bei sauber gearbeiteten
Quelldokumenten
Interaktive Vielfalt 2013, Bremen
Fazit
Markus Erle, Wertewerk www.wertewerk.de
Geht es nicht einfacher?Eine gute Konvertierung
kann manche Fehler ausbügeln und zusätzliche
Merkmale ergänzen. Formatvorlagen sind aber
notwendig.
Interaktive Vielfalt 2013, Bremen
Fazit
Markus Erle, Wertewerk www.wertewerk.de
Wie prüfe ich es?Testen Sie Ihr PDF mit
PAC 2 - automatisch und manuell mit Hilfe einer
vereinfachten Strukturansicht. Und mit
einem Praxistest.
Interaktive Vielfalt 2013, Bremen
Bildnachweise
Markus Erle, Wertewerk www.wertewerk.de
Die Matterhorn-Bilderserie ist inspiriert von Hokusais „36 Ansichten des Berges Fuji“.
Alle Fotos sind von Flickr und stehen unter einer Creative Commons-Lizenz. Dank an die Fotografen:
• Dimitrije Ostojic (Besteigung, Grüne Wiese mit Weg)
• alex.ch (Matterhorn schneebedeckt)
• Scott Kublin Scott Kublin (first light)
• Eric Titcombe erictitcombe (Wegweiser)
• martinsteiger (Flug ums Matterhorn)
• tigertor (Seilbahn)
• Patrick Shyu precipices (Steiniger Weg)
• joe0301b (Blick vom Matterhorn)
• Tobrouk (Schwarze Wolken)
• Playing Futures: Applied... Cea (Matterhorn spiegelt sich im See)
• Craig Stanfill (Matterhorn mit Häusern)
• Arwen Y. Ballester (Exit)
Interaktive Vielfalt 2013, Bremen
• axaio Made-to-Tag: http://www.axaio.com/doku.php/de:products:madetotag
• axesPDF for Word: www.axespdf.com
• ISO-Seite zu PDF/UA: http://www.iso.org/iso/catalogue_detail.htm?csnumber=54564
• Markus Erle: Was Sie immer über barrierefreies PDF wissen wollten - Daisy Konferenz 2009, Leipzighttp://de.slideshare.net/werteslide/was-sie-schon-immer-ber-barrierefreies-pdf-wissen-wollten-2064271
• PAC 2 - Stiftung „Zugang für alle“: http://www.access-for-all.ch/ch/pdf-werkstatt/pdf-accessibility-checker-pac/pac-2.html
• PDF/UA Competence Center: http://www.pdfa.org/competence-center/pdfua-competence-center/?lang=de
• VIP PDF-Reader: http://www.szb.ch/index.php?id=1269
Markus Erle, Wertewerk www.wertewerk.de
Nützliche Links
Interaktive Vielfalt 2013, Bremen
Der Berg ruft!
Auf geht`s! Alleine oder mit Bergführer?
Markus Erle, Wertewerk www.wertewerk.de
Markus Erle@[email protected]
WertewerkMirabeauweg 4D-72072 Tübingen
www.wertewerk.de
Interaktive Vielfalt 2013, Bremen
Markus Erle, Wertewerk www.wertewerk.de
?
Ihre Fragen
Interaktive Vielfalt 2013, Bremen