Embed Size (px)
Citation preview
„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
@aixe12
Markus Erle, Wertewerk www.wertewerk.de
Unter der Wasseroberfläche
Markus Erle, Wertewerk www.wertewerk.de
Unser Ziel
Markus Erle, Wertewerk www.wertewerk.de
... und wenn wir seltsamen Wesen begegnen ... Staunen!
Markus Erle, Wertewerk www.wertewerk.de
1. Was ist Responsive?
Responsive Webdesign
Responsive = passt sich den Geräten an
Was bedeutet „Responsive“ bei einem Dokument?
Markus Erle, Wertewerk www.wertewerk.de
Darstellung lässt sich beliebig anpassen ...
Markus Erle, Wertewerk
Inhalte anpassen
beispielsweise mit VIP PDF-Reader
www.wertewerk.de
... beispielsweise die Zeilenlänge („Umfließen“) ...
Markus Erle, Wertewerk www.wertewerk.de
... Farben, Kontraste und sogar ...
Markus Erle, Wertewerk www.wertewerk.de
... Schriften!
Markus Erle, Wertewerk www.wertewerk.de
MemoDie klassische Dokumentansicht, wie wir sie kennen, ist nur eine
von vielen möglichen Darstellungsformen!
Markus Erle, Wertewerk www.wertewerk.de
2. Wo liegt das Problem?
Problem 1: Das Dokument selbst
Markus Erle, Wertewerk www.wertewerk.de
Wo liegt das Problem?
Markus Erle, Wertewerk www.wertewerk.de
Wo liegt das Problem?
Markus Erle, Wertewerk www.wertewerk.de
Wo liegt das Problem?
Markus Erle, Wertewerk www.wertewerk.de
Speziallösungen sind zu kostenintensiv
Problem 2: Das effiziente Erstellen
solcher Dokumente
1. Jeder, ist in der Lage, ein barrierefreies PDF zu erstellen (im Idealfall sogar Nutzer mit Behinderungen)
Nicht nur für Freaks
effizient bedeutet
2. Keine Nachbearbeitung notwendig - sogar bei komplexen Dokumentelementen (wie Tabellen, Fußnoten oder Textboxen beispielsweise)
Keine Reparaturarbeiten
effizient bedeutet
3. das Verfassen barrierefreier Dokumente kostet weniger Zeit - beispielsweise Fehler auf Knopfdruck beheben
Schneller & einfacher
effizient bedeutet
„Barrierefreiheit passiert nicht aus Versehen“
Markus Erle, Wertewerk www.wertewerk.de
3. Der Blick von oben
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 ...
Markus Erle, Wertewerk www.wertewerk.de
4. Was ist die Lösung?
Problem 1: Das Dokument selbst
„Das Wesentliche ist für die Augen unsichtbar“
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“)
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
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
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
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
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
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
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
Markus Erle, Wertewerk www.wertewerk.de
Werkzeug zum Anschauen der Strukturebene: z. B. PAC 2
Markus Erle, Wertewerk www.wertewerk.de
PDF/UA (DIN-/ISO 14289-1:2012)
• ISO-Seite zu PDF/UA: http://www.iso.org/iso/catalogue_detail.htm?csnumber=54564
• 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
Problem 2: Das effiziente Erstellen
solcher Dokumente
Die Lösung„Born accessible“-Dokumente
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
Es Autoren erleichtern PDF/UA-Dokumente zu erstellen
Zum Beispiel für Word-Nutzer mit
axesPDF for Word
Markus Erle, Wertewerk www.wertewerk.de
5. Was bringt es?
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
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
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
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
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?
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?
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
Markus Erle, Wertewerk www.wertewerk.de
?
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
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
Markus [email protected]
Twitter: @aixe12Xing: Markus Erle
WertewerkMirabeauweg 4D-72072 Tübingen
www.wertewerk.de
