Top Banner
„Responsive“ Content | „Responsive“ Documents | „Responsive“ PDF „Sag mir, wie du mich haben willst“ Accessibility Day, HdM Stuttgart - 5. Dezember 2014 Markus Erle (Wertewerk) Innovative Barrierefreiheit im Haifischbecken
58

Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Aug 05, 2015

Download

Internet

Markus Erle
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

„Responsive“ Content | „Responsive“ Documents | „Responsive“ PDF „Sag mir, wie du mich haben willst“

Accessibility Day, HdM Stuttgart - 5. Dezember 2014Markus Erle (Wertewerk)

Innovative Barrierefreiheit im Haifischbecken

Page 2: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

@aixe12

Page 3: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

Unter der Wasseroberfläche

Page 4: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

Unser Ziel

Page 5: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

... und wenn wir seltsamen Wesen begegnen ... Staunen!

Page 6: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

1. Was ist Responsive?

Page 7: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Responsive Webdesign

Page 8: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Responsive = passt sich den Geräten an

Page 9: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Was bedeutet „Responsive“ bei einem Dokument?

Markus Erle, Wertewerk www.wertewerk.de

Page 10: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Darstellung lässt sich beliebig anpassen ...

Markus Erle, Wertewerk

Inhalte anpassen

beispielsweise mit VIP PDF-Reader

www.wertewerk.de

Page 11: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

... beispielsweise die Zeilenlänge („Umfließen“) ...

Markus Erle, Wertewerk www.wertewerk.de

Page 12: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

... Farben, Kontraste und sogar ...

Markus Erle, Wertewerk www.wertewerk.de

Page 13: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

... Schriften!

Markus Erle, Wertewerk www.wertewerk.de

Page 14: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

MemoDie klassische Dokumentansicht, wie wir sie kennen, ist nur eine

von vielen möglichen Darstellungsformen!

Page 15: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

2. Wo liegt das Problem?

Page 16: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Problem 1: Das Dokument selbst

Page 17: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

Wo liegt das Problem?

Page 18: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

Wo liegt das Problem?

Page 19: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

Wo liegt das Problem?

Page 20: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

Speziallösungen sind zu kostenintensiv

Page 21: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Problem 2: Das effiziente Erstellen

solcher Dokumente

Page 22: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

1. Jeder, ist in der Lage, ein barrierefreies PDF zu erstellen (im Idealfall sogar Nutzer mit Behinderungen)

Nicht nur für Freaks

effizient bedeutet

Page 23: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

2. Keine Nachbearbeitung notwendig - sogar bei komplexen Dokumentelementen (wie Tabellen, Fußnoten oder Textboxen beispielsweise)

Keine Reparaturarbeiten

effizient bedeutet

Page 24: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

3. das Verfassen barrierefreier Dokumente kostet weniger Zeit - beispielsweise Fehler auf Knopfdruck beheben

Schneller & einfacher

effizient bedeutet

Page 25: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

„Barrierefreiheit passiert nicht aus Versehen“

Page 26: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

3. Der Blick von oben

Page 27: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

Autorenwerkzeuge Konvertierung Prüf- und Korrekturwerkzeuge

„User Agents“

Reader Viewer

Assistive Technologien

Screenreader VIP PDF-Reader

Menschenrechte

Gesetze

Richtlinien

Standards (zum Beispiel DIN-/ISO PDF/UA)

Kunde

Autor

Nutzer / NutzungDokumente / Inhalte

Wertewerk

Wir arbeiten an den Schnittstellen zwischen ...

Page 28: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

4. Was ist die Lösung?

Page 29: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Problem 1: Das Dokument selbst

Page 30: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

„Das Wesentliche ist für die Augen unsichtbar“

Page 31: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Das Grundprinzip strukturierter Dokumente verstehen

Markus Erle, Wertewerk www.wertewerk.de

Überschrift 1

• gestern• heute• morgen

www.pdfa.org

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

Page 32: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Gliederungsebene 1

Formatvorlage „Aufzählungszeichen

verankertes Bild mit Alternativtext

aktiver Link

Formatvorlage „Beschriftung“

Von WORD zu PDF

Markus Erle, Wertewerk

PDF-Tags<H1>

www.wertewerk.de

Page 33: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Gliederungsebene 1

Formatvorlage „Aufzählungszeichen

verankertes Bild mit Alternativtext

aktiver Link

Formatvorlage „Beschriftung“

PDF-Tags

Von WORD zu PDF

Markus Erle, Wertewerk

<H1>

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

www.wertewerk.de

Page 34: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Gliederungsebene 1

Formatvorlage „Aufzählungszeichen

verankertes Bild mit Alternativtext

aktiver Link

Formatvorlage „Beschriftung“

PDF-Tags

Von WORD zu PDF

Markus Erle, Wertewerk

<H1>

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

<Link>

www.wertewerk.de

Page 35: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

PDF-TagsGliederungsebene 1

Formatvorlage „Aufzählungszeichen

verankertes Bild mit Alternativtext

aktiver Link

Formatvorlage „Beschriftung“

Von WORD zu PDF

Markus Erle, Wertewerk

<H1>

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

<Link>

<Caption>

<Figure> mit Alt-Attribut (Alternativtext)

www.wertewerk.de

Page 36: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

PDF-TagsGliederungsebene 1

Formatvorlage „Aufzählungszeichen

verankertes Bild mit Alternativtext

aktiver Link

Formatvorlage „Beschriftung“

Von WORD zu PDF

Markus Erle, Wertewerk

<H1>

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

<Link>

<Caption>

<Figure> mit Alt-Attribut (Alternativtext)

www.wertewerk.de

Page 37: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

PDF-TagsGliederungsebene 1

Formatvorlage „Aufzählungszeichen

verankertes Bild mit Alternativtext

aktiver Link

Formatvorlage „Beschriftung“

PDF-Ansicht identisch zur Word-Ansicht

Markus Erle, Wertewerk

<H1>

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

<Link>

<Caption>

<Figure> mit Alt-Attribut (Alternativtext)

Überschrift 1

• gestern• heute• morgen

www.pdfa.org

Bild 1: Logo des Matterhorn Protocols

www.wertewerk.de

Page 38: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

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

Markus Erle, Wertewerk

PDF-Tags<H1>

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

<Link>

Überschrift 1

• gestern• heute• morgen

www.pdfa.org

Bild 1: Logo des Matterhorn Protocols

www.wertewerk.de

Page 39: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

Werkzeug zum Anschauen der Strukturebene: z. B. PAC 2

Page 41: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Problem 2: Das effiziente Erstellen

solcher Dokumente

Page 42: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Die Lösung„Born accessible“-Dokumente

Page 43: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

• Produkte so entwickeln, dass sie von einer möglichst breiten Nutzergruppe verwendet werden können

• gleichwertige Nutzung / gleichwertiger Zugang („equal access“)

• Nicht für eine bestimmte Nutzergruppe optimieren

Entwicklung im Sinne des Universal Design

Page 44: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Es Autoren erleichtern PDF/UA-Dokumente zu erstellen

Zum Beispiel für Word-Nutzer mit

axesPDF for Word

Page 45: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

5. Was bringt es?

Page 46: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

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

Markus Erle, Wertewerk

PDF-Tags<H1>

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

<Link>

Überschrift 1

• gestern• heute• morgen

www.pdfa.org

Bild 1: Logo des Matterhorn Protocols

www.wertewerk.de

Page 47: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Tags sind das Grundgerüst für anpassbare Inhalte

Markus Erle, Wertewerk

PDF-Tags<H1>

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

<Link>

Überschrift 1

• gestern• heute• morgen

www.pdfa.org

Bild 1: Logo des Matterhorn Protocols

Inhalte anpassen

beispielsweise mit VIP PDF-Reader

www.wertewerk.de

Page 48: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Tags sind das Grundgerüst für anpassbare Inhalte

Markus Erle, Wertewerk

PDF-Tags<H1>

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

<Link>

Überschrift 1

• gestern• heute• morgen

www.pdfa.org

Bild 1: Logo des Matterhorn Protocols

www.wertewerk.de

Page 49: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Tags sind das Grundgerüst für anpassbare Inhalte

Markus Erle, Wertewerk www.wertewerk.de

Page 50: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

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

Markus Erle, Wertewerk www.wertewerk.de

Page 51: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

• Inhalte lassen sich auf beliebige Art darstellen (Layout, Farben, Kontraste, Schriften, Zeilenabstände, Hervorhebungen, Vorlesen lassen, ...)

• Inhalte sind viel cleverer durchsuchbar (zum Beispiel Wichtigkeit mitberücksichtigen, indem man nur in Überschriften einer bestimmten Ebene sucht bzw. diese mit auswertet in den Ergebnissen)

• Zugänglich nicht nur für Menschen, sondern auch für Computer und Software - lassen sich viel intelligenter verarbeiten - "fast schon eine Art Datenbank"

Was bringen PDF/UA-Dokumente?

Page 52: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

6. Fazit

Page 53: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

• Die Anforderungen an barrierefreie & „responsive“ Dokumente sind weltweit einheitlich festgelegt

• Dokumente können bereits die Voraussetzungen erfüllen, um „responsive“ zu sein

• Es gibt bereits effiziente Workflows, um solche Dokumente effizient zu erstellen

• Besonders bei den „User Agents“ & den Assistiven Technologien besteht Nachholbedarf in einer Unterstützung der Standards

In welcher Phase befinden wir uns?

Page 54: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

• Die Forderung nach Zugänglichkeit digitaler Dokumente führte zur Integration einer Strukturebene in PDF und zum Entwickeln eines DIN-/ISO-Standards PDF/UA

• „Responsive“ ist im Wesen von PDF/UA-Inhalten bereits angelegt

• PDF/UA-Dokumente bieten Anwendungsmöglichkeiten, die weit über die Barrierefreiheit von Inhalten hinausgehen

• Privatindustrie muss diese neue Anwendungsmöglichkeiten erschließen

Fazit

Page 55: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

?

Page 56: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

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/

• CheatSheet „Barrierefreie PDFs erstellen mit Microsoft Word 2010“ http://blog.axespdf.com/

• Markus Erle: Born to be accessible - Barrierefreie PDF-Dokumente beginnen beim Quellformat, Folien & Videoaufzeichnung http://blog.axespdf.com/index.php/leserseite/items/born-to-be-accessible-vortrag-capito.html

• 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

• PDF Accessibility Checker (PAC) 2 - kostenloses Prüftool für barrierefreie PDFs gemäß PDF/UA http://www.access-for-all.ch/ch/pdf-werkstatt/pdf-accessibility-checker-pac.html

Nützliche Links zu weiteren Infos

Page 57: Responsive Content, Responsive Documents, Responsive PDF - Innovation durch Barrierefreiheit

Markus Erle, Wertewerk www.wertewerk.de

Folgender Bilder stammen nicht von Wertewerk:

• Großer Hai - Richard Ling: Grey Nurse Shark: https://www.flickr.com/photos/rling/4191904756/ - Lizenz: CC BY-NC-ND 2.0

• Hai in Tüte - Andreas Feldl: Deep Water: https://www.flickr.com/photos/creativela/5136370308/ - Lizenz: CC BY-NC-SA 2.0

• Viperfisch: Deutsches Meeresmuseum: http://www.365entdeckungen.de/index.php?id=20&no_cache=1&dateDiff=21

• Chamäleon - fotolia.de: Ambanja Panther Chameleon - © fivespots

• Braille-Buch: Jason Pearce: Reading braille - Lizenz: CC BY-NC-SA 2.0

• KFZ-Reparatur: https://www.flickr.com/photos/comedynose/5596445582/ - Lizenz: CC BY 2.0

• Uhr: © wagg66 / photocase.com

• René Jaun: © PDF Association / http://www.pdfa.org/2012/04/pdf-developers-meet-in-basel-switzerland

• Lesender Roboter: fotolia.de: reading robot

Bildnachweise