Was Usability Professionals über barrierefreies PDF wissen sollten - Interaktive Vielfalt 2013,...

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

http://www.wertewerk.de


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


Ü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



http://www.ikt-forum.at



Gliederungsebene 1



aktiver Link


PDF-Tags<H1>

Von WORD zu PDF



Gliederungsebene 1



aktiver Link


PDF-Tags

Von WORD zu PDF

<H1>

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




Gliederungsebene 1



aktiver Link


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



aktiver Link


Von WORD zu PDF


<H1>

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

<Link>

<Caption>

<Figure> mit Alt-Attribut (Alternativtext)




PDF-TagsGliederungsebene 1



aktiver Link


PDF-Ansicht identisch zur Word-Ansicht


<H1>

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

<Link>

<Caption>

<Figure> mit Alt-Attribut (Alternativtext)

Überschrift 1


www.ikt-forum.at







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


PDF-Tags<H1>

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

<Link>

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

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

<Link>

Überschrift 1


www.ikt-forum.at







VIP PDF-Reader - kurz: VIP Reader


• 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




Struktur in unwegsames Gelände bringen: Merkmale

Welche Merkmale gelten?


Wird gerade ein DIN Standard!



Welche Merkmale gelten?


• 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




Logische Dokumentstruktur & Semantik: 5 Grundsätze


• 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: einzelne Elemente


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




Notwendige Ausrüstung mitgeben: Werkzeuge und Workflows

Der Mythos Knopfdruck


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




7. Werkzeuge und Workflows

axesPDF for Word - Add-In für Word


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


Vervollständigen



• Acrobat Checker



• PAC 2

• pdfGoHTML

Autorenwerkzeuge

• Word 2010

• Word 2013












• ZHAW-Add-In nutzt Word-Funktion






• Screenreader

• Braille-Display

• Zoom-Software








Screenreader

• JAWS

• NVDA

PDF-Reader

• VIP PDF-Reader



• Acrobat Checker



• PAC 2

• Callas pdfGoHTML


Vervollständigen












• Screenreader

• Braille-Display

• Zoom-Software








Screenreader

• JAWS

• NVDA

PDF-Reader

• VIP PDF-Reader





Autorenwerkzeuge

• Word 2010

• Word 2013





Vervollständigen












• Screenreader

• Braille-Display

• Zoom-Software








Screenreader

• JAWS

• NVDA

PDF-Reader

• VIP PDF-Reader





Autorenwerkzeuge

• Word 2010

• Word 2013





• Acrobat Checker



• PAC 2

• pdfGoHTML

Axaio MadeToTag - Add-In für Indesign


Neu



Wie prüfe ich es?

Qualitätssicherung als Herausforderung


• 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




PDF Accessibility Checker 2.0


• 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




PDF Accessibility Checker 2.0


Neu




Callas pdfGoHTML


Neu

Ausblick

AusblickNeu


• 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




Fazit: Schwarze Wolken? Oder ...

Strahlend blaue Bergidylle?

Fazit


Warum ist es wichtig?

Dokumente gehören zur UX




Fazit


Wie setze ich es um?PDF/UA-Konformität lässt

sich mit speziellen Add-Ins auf Knopfdruck

herstellen - bei sauber gearbeiteten

Quelldokumenten




Fazit


Geht es nicht einfacher?Eine gute Konvertierung

kann manche Fehler ausbügeln und zusätzliche

Merkmale ergänzen. Formatvorlagen sind aber

notwendig.




Fazit


Wie prüfe ich es?Testen Sie Ihr PDF mit

PAC 2 - automatisch und manuell mit Hilfe einer

vereinfachten Strukturansicht. Und mit

einem Praxistest.




Bildnachweise


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)




• 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


Nützliche Links


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

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

http://www.axespdf.com

http://www.axespdf.com

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

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

http://de.slideshare.net/werteslide/was-sie-schon-immer-ber-barrierefreies-pdf-wissen-wollten-2064271




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.pdfa.org/competence-center/pdfua-competence-center/?lang=de

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

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

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



Der Berg ruft!

Auf geht`s! Alleine oder mit Bergführer?


Markus Erle@[email protected]

WertewerkMirabeauweg 4D-72072 Tübingen

www.wertewerk.de




https://twitter.com/aixe12

https://twitter.com/aixe12

mailto:[email protected]

mailto:[email protected]




?

Ihre Fragen




Was Usability Professionals über barrierefreies PDF wissen sollten - Interaktive Vielfalt 2013,...

Technology

Transcript of Was Usability Professionals über barrierefreies PDF wissen sollten - Interaktive Vielfalt 2013,...