„Responsive“ Content | „Responsive“ Documents | „Responsive“ PDF 
„Sag mir, wie du mich haben willst“ 
Innovative Barriere...
@aixe12
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? 
Markus Erle, Wertewerk www.wertewerk.de
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...
... 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
Memo 
Die klassische Dokumentansicht, 
wie wir sie kennen, ist nur eine 
von vielen möglichen 
Darstellungsformen!
2. 
Wo liegt das Problem? 
Markus Erle, Wertewerk www.wertewerk.de
Problem 1: 
Das Dokument selbst
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 
Markus Erle, Wertewerk www.wertewerk.de
Problem 2: 
Das effiziente Erstellen 
solcher Dokumente
effizient bedeutet 
Nicht nur für Freaks 
1. Jeder, ist in der Lage, ein 
barrierefreies PDF zu 
erstellen (im Idealfall 
...
effizient bedeutet 
Keine Reparaturarbeiten 
2. Keine Nachbearbeitung 
notwendig - sogar bei 
komplexen 
Dokumentelementen...
effizient bedeutet 
Schneller & einfacher 
3. das Verfassen 
barrierefreier Dokumente 
kostet weniger Zeit - 
beispielswei...
„Barrierefreiheit passiert nicht 
aus Versehen“
3. 
Der Blick von oben 
Markus Erle, Wertewerk www.wertewerk.de
Menschenrechte 
Wir arbeiten an den Schnittstellen Gesetze 
zwischen ... 
Richtlinien 
Dokumente / Inhalte Nutzer / Nutzun...
4. 
Was ist die Lösung? 
Markus Erle, Wertewerk www.wertewerk.de
Problem 1: 
Das Dokument selbst
„Das Wesentliche ist für die Augen unsichtbar“
Das Grundprinzip strukturierter Dokumente verstehen 
Überschrift 1 
• gestern 
• heute 
• morgen 
www.pdfa.org 
Gliederung...
Gliederungsebene 1 
Formatvorlage 
„Aufzählungszeichen 
aktiver Link 
verankertes Bild mit 
Alternativtext 
Formatvorlage ...
Gliederungsebene 1 
Formatvorlage 
„Aufzählungszeichen 
aktiver Link 
verankertes Bild mit 
Alternativtext 
Formatvorlage ...
Gliederungsebene 1 
Formatvorlage 
„Aufzählungszeichen 
aktiver Link 
verankertes Bild mit 
Alternativtext 
Formatvorlage ...
PDF-Tags Gliederungsebene 1 
Formatvorlage 
„Aufzählungszeichen 
aktiver Link 
verankertes Bild mit 
Alternativtext 
Forma...
PDF-Tags Gliederungsebene 1 
Formatvorlage 
„Aufzählungszeichen 
aktiver Link 
verankertes Bild mit 
Alternativtext 
Forma...
PDF-Ansicht identisch zur Word-Ansicht 
PDF-Tags Gliederungsebene 1 
Formatvorlage 
„Aufzählungszeichen 
aktiver Link 
ver...
PDF-Tags sind das Grundgerüst für anpassbare Inhalte 
Überschrift 1 
• gestern 
• heute 
• morgen 
Markus Erle, Wertewerk ...
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 
• PD...
Problem 2: 
Das effiziente Erstellen 
solcher Dokumente
Die Lösung 
„Born accessible“-Dokumente
Entwicklung im Sinne des Universal Design 
• Produkte so entwickeln, dass sie von einer möglichst breiten 
Nutzergruppe ve...
Es Autoren erleichtern 
PDF/UA-Dokumente zu erstellen 
Zum Beispiel für 
Word-Nutzer mit 
axesPDF for Word
5. 
Was bringt es? 
Markus Erle, Wertewerk www.wertewerk.de
PDF-Tags sind das Grundgerüst für anpassbare Inhalte 
Überschrift 1 
• gestern 
• heute 
• morgen 
Markus Erle, Wertewerk ...
Tags sind das Grundgerüst für anpassbare Inhalte 
Überschrift 1 
• gestern 
• heute 
• morgen 
Markus Erle, Wertewerk 
PDF...
Tags sind das Grundgerüst für anpassbare Inhalte 
Überschrift 1 
• gestern 
• heute 
• morgen 
Markus Erle, Wertewerk 
PDF...
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
Was bringen PDF/UA-Dokumente? 
• Inhalte lassen sich auf beliebige Art darstellen 
(Layout, Farben, Kontraste, Schriften, ...
6. 
Fazit 
Markus Erle, Wertewerk www.wertewerk.de
In welcher Phase befinden wir uns? 
• Die Anforderungen an barrierefreie & „responsive“ 
Dokumente sind weltweit einheitli...
Fazit 
• Die Forderung nach Zugänglichkeit digitaler Dokumente 
führte zur Integration einer Strukturebene in PDF und zum ...
? 
Markus Erle, Wertewerk www.wertewerk.de
Nützliche Links zu weiteren Infos 
• axesPDF-Blog - Expertenwissen rund um PDF-Barrierefreiheit 
http://blog.axespdf.com/ ...
Bildnachweise 
Folgender Bilder stammen nicht von Wertewerk: 
• Großer Hai - Richard Ling: Grey Nurse Shark: https://www.f...
Markus Erle 
erle@wertewerk.de 
Twitter: @aixe12 
Xing: Markus Erle 
Wertewerk 
Mirabeauweg 4 
D-72072 Tübingen 
www.werte...
Nächste SlideShare
Wird geladen in …5
×

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

706 Aufrufe

Veröffentlicht am

Vortrag von Markus Erle, Wertewerk auf dem 1. Accessibility Day an der HDM Stuttgart am 05. Dezember 2014.

Videoaufzeichnung unter: http://events.mi.hdm-stuttgart.de/events/2014-12-05-accessibility-day/talks/Vortrag+aus+der+Industrie/

Veröffentlicht in: Internet
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
706
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
7
Aktionen
Geteilt
0
Downloads
6
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

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

  1. 1. „Responsive“ Content | „Responsive“ Documents | „Responsive“ PDF „Sag mir, wie du mich haben willst“ Innovative Barrierefreiheit im Haifischbecken Markus Erle (Wertewerk) Accessibility Day, HdM Stuttgart - 5. Dezember 2014
  2. 2. @aixe12
  3. 3. Unter der Wasseroberfläche Markus Erle, Wertewerk www.wertewerk.de
  4. 4. Unser Ziel Markus Erle, Wertewerk www.wertewerk.de
  5. 5. ... und wenn wir seltsamen Wesen begegnen ... Staunen! Markus Erle, Wertewerk www.wertewerk.de
  6. 6. 1. Was ist Responsive? Markus Erle, Wertewerk www.wertewerk.de
  7. 7. Responsive Webdesign
  8. 8. Responsive = passt sich den Geräten an
  9. 9. Was bedeutet „Responsive“ bei einem Dokument? Markus Erle, Wertewerk www.wertewerk.de
  10. 10. Darstellung lässt sich beliebig anpassen ... Markus Erle, Wertewerk Inhalte anpassen beispielsweise mit VIP PDF-Reader www.wertewerk.de
  11. 11. ... beispielsweise die Zeilenlänge („Umfließen“) ... Markus Erle, Wertewerk www.wertewerk.de
  12. 12. ... Farben, Kontraste und sogar ... Markus Erle, Wertewerk www.wertewerk.de
  13. 13. ... Schriften! Markus Erle, Wertewerk www.wertewerk.de
  14. 14. Memo Die klassische Dokumentansicht, wie wir sie kennen, ist nur eine von vielen möglichen Darstellungsformen!
  15. 15. 2. Wo liegt das Problem? Markus Erle, Wertewerk www.wertewerk.de
  16. 16. Problem 1: Das Dokument selbst
  17. 17. Wo liegt das Problem? Markus Erle, Wertewerk www.wertewerk.de
  18. 18. Wo liegt das Problem? Markus Erle, Wertewerk www.wertewerk.de
  19. 19. Wo liegt das Problem? Markus Erle, Wertewerk www.wertewerk.de
  20. 20. Speziallösungen sind zu kostenintensiv Markus Erle, Wertewerk www.wertewerk.de
  21. 21. Problem 2: Das effiziente Erstellen solcher Dokumente
  22. 22. effizient bedeutet Nicht nur für Freaks 1. Jeder, ist in der Lage, ein barrierefreies PDF zu erstellen (im Idealfall sogar Nutzer mit Behinderungen)
  23. 23. effizient bedeutet Keine Reparaturarbeiten 2. Keine Nachbearbeitung notwendig - sogar bei komplexen Dokumentelementen (wie Tabellen, Fußnoten oder Textboxen beispielsweise)
  24. 24. effizient bedeutet Schneller & einfacher 3. das Verfassen barrierefreier Dokumente kostet weniger Zeit - beispielsweise Fehler auf Knopfdruck beheben
  25. 25. „Barrierefreiheit passiert nicht aus Versehen“
  26. 26. 3. Der Blick von oben Markus Erle, Wertewerk www.wertewerk.de
  27. 27. Menschenrechte Wir arbeiten an den Schnittstellen Gesetze zwischen ... Richtlinien Dokumente / Inhalte Nutzer / Nutzung Wertewerk Standards (zum Beispiel DIN-/ISO PDF/UA) Kunde Autor Autorenwerkzeuge Konvertierung Prüf- und Korrekturwerkzeuge „User Agents“ Reader Viewer Assistive Technologien Screenreader VIP PDF-Reader Markus Erle, Wertewerk www.wertewerk.de
  28. 28. 4. Was ist die Lösung? Markus Erle, Wertewerk www.wertewerk.de
  29. 29. Problem 1: Das Dokument selbst
  30. 30. „Das Wesentliche ist für die Augen unsichtbar“
  31. 31. Das Grundprinzip strukturierter Dokumente verstehen Überschrift 1 • gestern • heute • morgen www.pdfa.org Gliederungsebene 1 Formatvorlage „Aufzählungszeichen aktiver Link verankertes Bild mit Alternativtext Formatvorlage „Beschriftung“ Bild 1: Logo des Matterhorn Protocols 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“) Markus Erle, Wertewerk www.wertewerk.de
  32. 32. Gliederungsebene 1 Formatvorlage „Aufzählungszeichen aktiver Link verankertes Bild mit Alternativtext Formatvorlage „Beschriftung“ Von WORD zu PDF Markus Erle, Wertewerk PDF-Tags <H1> www.wertewerk.de
  33. 33. Gliederungsebene 1 Formatvorlage „Aufzählungszeichen aktiver Link verankertes Bild mit Alternativtext Formatvorlage „Beschriftung“ PDF-Tags Von WORD zu PDF Markus Erle, Wertewerk <H1> <L> <LI> <LI> <LI> www.wertewerk.de
  34. 34. Gliederungsebene 1 Formatvorlage „Aufzählungszeichen aktiver Link verankertes Bild mit Alternativtext Formatvorlage „Beschriftung“ PDF-Tags Von WORD zu PDF Markus Erle, Wertewerk <H1> <L> <LI> <LI> <LI> <Link> www.wertewerk.de
  35. 35. PDF-Tags Gliederungsebene 1 Formatvorlage „Aufzählungszeichen aktiver Link verankertes Bild mit Alternativtext Formatvorlage „Beschriftung“ Von WORD zu PDF Markus Erle, Wertewerk <H1> <L> <LI> <LI> <LI> <Link> <Figure> mit Alt-Attribut (Alternativtext) <Caption> www.wertewerk.de
  36. 36. PDF-Tags Gliederungsebene 1 Formatvorlage „Aufzählungszeichen aktiver Link verankertes Bild mit Alternativtext Formatvorlage „Beschriftung“ Von WORD zu PDF Markus Erle, Wertewerk <H1> <L> <LI> <LI> <LI> <Link> <Figure> mit Alt-Attribut (Alternativtext) <Caption> www.wertewerk.de
  37. 37. PDF-Ansicht identisch zur Word-Ansicht PDF-Tags Gliederungsebene 1 Formatvorlage „Aufzählungszeichen aktiver Link verankertes Bild mit Alternativtext Formatvorlage „Beschriftung“ Markus Erle, Wertewerk Überschrift 1 <H1> • gestern • heute • morgen <L> <LI> <LI> <LI> <Link> www.pdfa.org <Figure> mit Alt-Attribut (Alternativtext) Bild 1: Logo des Matterhorn Protocols <Caption> www.wertewerk.de
  38. 38. PDF-Tags sind das Grundgerüst für anpassbare Inhalte Überschrift 1 • gestern • heute • morgen Markus Erle, Wertewerk PDF-Tags <H1> <L> <LI> <LI> <LI> <Link> www.pdfa.org Bild 1: Logo des Matterhorn Protocols www.wertewerk.de
  39. 39. Werkzeug zum Anschauen der Strukturebene: z. B. PAC 2 Markus Erle, Wertewerk www.wertewerk.de
  40. 40. 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 Markus Erle, Wertewerk www.wertewerk.de
  41. 41. Problem 2: Das effiziente Erstellen solcher Dokumente
  42. 42. Die Lösung „Born accessible“-Dokumente
  43. 43. Entwicklung im Sinne des Universal Design • 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 Markus Erle, Wertewerk www.wertewerk.de
  44. 44. Es Autoren erleichtern PDF/UA-Dokumente zu erstellen Zum Beispiel für Word-Nutzer mit axesPDF for Word
  45. 45. 5. Was bringt es? Markus Erle, Wertewerk www.wertewerk.de
  46. 46. PDF-Tags sind das Grundgerüst für anpassbare Inhalte Überschrift 1 • gestern • heute • morgen Markus Erle, Wertewerk PDF-Tags <H1> <L> <LI> <LI> <LI> <Link> www.pdfa.org Bild 1: Logo des Matterhorn Protocols www.wertewerk.de
  47. 47. Tags sind das Grundgerüst für anpassbare Inhalte Überschrift 1 • gestern • heute • morgen Markus Erle, Wertewerk PDF-Tags <H1> <L> <LI> <LI> <LI> <Link> www.pdfa.org Bild 1: Logo des Matterhorn Protocols Inhalte anpassen beispielsweise mit VIP PDF-Reader www.wertewerk.de
  48. 48. Tags sind das Grundgerüst für anpassbare Inhalte Überschrift 1 • gestern • heute • morgen Markus Erle, Wertewerk PDF-Tags <H1> <L> <LI> <LI> <LI> <Link> www.pdfa.org Bild 1: Logo des Matterhorn Protocols www.wertewerk.de
  49. 49. Tags sind das Grundgerüst für anpassbare Inhalte Markus Erle, Wertewerk www.wertewerk.de
  50. 50. PDF-Tags sind das Grundgerüst für anpassbare Inhalte Markus Erle, Wertewerk www.wertewerk.de
  51. 51. Was bringen PDF/UA-Dokumente? • 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" Markus Erle, Wertewerk www.wertewerk.de
  52. 52. 6. Fazit Markus Erle, Wertewerk www.wertewerk.de
  53. 53. In welcher Phase befinden wir uns? • 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 Markus Erle, Wertewerk www.wertewerk.de
  54. 54. Fazit • 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 Markus Erle, Wertewerk www.wertewerk.de
  55. 55. ? Markus Erle, Wertewerk www.wertewerk.de
  56. 56. Nützliche Links zu weiteren Infos • 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-Linz http://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 Markus Erle, Wertewerk www.wertewerk.de
  57. 57. Bildnachweise 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 Markus Erle, Wertewerk www.wertewerk.de
  58. 58. Markus Erle erle@wertewerk.de Twitter: @aixe12 Xing: Markus Erle Wertewerk Mirabeauweg 4 D-72072 Tübingen www.wertewerk.de

×