PDF/UA. Einführung in den Standard für Barrierefreie PDFs. Klaas Posselt, PDF/UA Competence Center Chairman. Frühjahrstagung 2017 von DANTE e.v.

Größe: px
Ab Seite anzeigen:

Download "PDF/UA. Einführung in den Standard für Barrierefreie PDFs. Klaas Posselt, PDF/UA Competence Center Chairman. Frühjahrstagung 2017 von DANTE e.v."

Transkript

1 Frühjahrstagung 2017 von DANTE e.v. PDF/UA Einführung in den Standard für Barrierefreie PDFs PDF/UA Competence Center Chairman A Presentation 2017 by 1

2 Agenda 1. Warum Barrierefreie PDFs (Gesetze, Normen, Nutzen) 2. Welche Anforderungen gibt es an barrierefreie PDFs 3. Strategien zur Umsetzung A Presentation 2017 by 2

3 1. Warum barrierefreie PDF-Dokumente? A Presentation 2017 by 3

4 Begrifflichkeiten Barrierefreiheit, Barrierearmut, Zugänglichkeit A Presentation 2017 by 4

5 Idee & Ziel Gleichberechtigung & Inklusion Maschinenlesbare Dokumente, auch abseits von Barrierefreiheit Gesamtziel: Gleichberechtigter Zugang für ALLE A Presentation 2017 by 5

6 Gründe für Barrierefreiheit Gesetzliche Anforderungen Wirtschaftliche Aspekte Zielgruppenorientierung Die Zeitung Die Nachrichten am Tage Ausgabe Berlin / Nr. 1 / 10. Woche / 1. Jahrgang Montag, 31. Februar 2012 Ausland 0,15 / Inland 0,10 # Generation 50+ # Mobile Geräte Politik Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim. Seite X Kultur Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze. Seite Y Sport Es gibt im Moment in diese Mannschaft, oh, einige Spieler vergessen ihnen Profi was sie sind. Ich lese nicht sehr viele Zeitungen, aber ich habe gehört viele Situationen. Erstens: wir haben nicht offensiv gespielt. Es gibt keine deutsche Mannschaft Seite Z Die Zeitung Zitat Facere docet philosophia, non dicere. Augustus Abriss Die Geschichte des Fernsehturmes S. X Titelfoto: Klaas Posselt Aus tief wird hoch Berlin Das Tiefdruckgebiet wird demnächst von einem Hoch abgelöst? Bar Riere Frei G enau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Natürlich nur dann, wenn sich alle an diese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung in Handys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme Webseiten. Ihr Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich bin zum Ende gelesen haben. Meine Mission ist erfüllt. Ich werde hier noch die Stellung halten, bis der geplante Text eintrifft. Ich wünsche Ihnen noch einen schönen Tag. Und arbeiten Sie nicht zuviel! Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden.»hoch, tief, breit oder lang, das muss geklärt werden«und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Jemand musste Josef K. verleumdet haben, denn ohne dass er etwas Böses getan hätte, wurde er eines Morgens verhaftet.»wie ein Hund! «sagte er, es war, als sollte die Scham ihn überleben. Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte, fand er sich in seinem Bett zu einem ungeheueren Ungeziefer verwandelt. Und es war ihnen wie eine Bestätigung ihrer neuen Träume und guten Absichten, als am Ziele ihrer Fahrt die Tochter als erste sich erhob und ihren jungen Körper dehnte.»es ist ein eigentümlicher Apparat«, sagte der Offizier zu dem Forschungsreisenden Buchbetrachtung PDF/UA in der Praxis, Pia Portabel Jemand musste Josef K. verleumdet haben, denn ohne dass er etwas Böses getan hätte, wurde er eines Morgens verhaftet. und überblickte mit einem gewissermaßen bewundernden Blick den ihm doch wohlbekannten Apparat. Sie hätten noch ins Boot springen rgo:»wie ein Hund!«sagte er, es war, dass er etwas Böses getan hätte, wurde er eines können, aber der Reisende hob ein schweres, als sollte die Scham ihn überleben. Als Morgens verhaftet.»wie ein Hund! «sagte er, geknotetes Tau vom Boden, drohte ihnen damit und hielt sie dadurch von dem Sprunge ab. higen Träumen erwachte, fand er sich in sei- Gregor Samsa eines Morgens aus unruhigen EGregor Samsa eines Morgens aus unru- es war, als sollte die Scham ihn überleben. Als In den letzten Jahrzehnten ist das Interesse an nem Bett zu einem ungeheueren Ungeziefer Träumen erwachte, fand er sich in seinem Bett Hungerkünstlern sehr zurückgegangen. verwandelt. Und es war ihnen wie eine Bestätigung ihrer neuen Träume und guten Ab- Und es war ihnen wie eine Bestätigung ihrer zu einem ungeheueren Ungeziefer verwandelt. Aber sie überwanden sich, umdrängten den Käfig und wollten sich gar nicht fortrühren. Jemand musste Josef K. verleumdet haben, denn als erste sich erhob und ihren jungen Körper Ziele ihrer Fahrt die Tochter als erste sich ersichten, als am Ziele ihrer Fahrt die Tochter neuen Träume und guten Absichten, als am ohne dass er etwas Böses getan hätte, wurde dehnte.»es ist ein eigentümlicher Apparat«, hob und ihren jungen Körper dehnte.»es ist er eines Morgens verhaftet.»wie ein Hund! «sagte der Offizier zu dem Forschungsreisenden und überblickte mit einem gewisserma- zu dem Forschungsreisenden und überblick- ein eigentümlicher Apparat«, sagte der Offizier sagte er, es war, als sollte die Scham ihn überleben. Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte, fand er sich in seibekannten Apparat. Sie hätten noch ins Boot Blick den ihm doch wohlbekannten Apparat. ßen bewundernden Blick den ihm doch wohlte mit einem gewissermaßen bewundernden nem Bett zu einem ungeheueren Ungeziefer springen können, aber der Reisende hob ein Sie hätten noch ins Boot springen können, verwandelt. Und es war ihnen wie eine Bestätigung ihrer neuen Träume und guten Abte ihnen damit und hielt sie dadurch tetes Tau vom Boden, drohte ihnen schweres, geknotetes Tau vom Boden, droh- aber der Reisende hob ein schweres, geknosichten, als am Ziele ihrer Fahrt die Tochter als von dem Sprunge ab. In den letzten to be or damit und hielt sie dadurch von dem erste sich erhob und ihren jungen Körper dehnte.»es ist ein eigentümlicher Apparat«, sagte gerkünstlern sehr zurückgegangen. not to be ten ist das Interesse an Hungerkünst- Jahrzehnten ist das Interesse an Hun- Sprunge ab. In den letzten Jahrzehn- der Offizier zu dem Forschungsreisenden und Aber sie überwanden sich, umdrängten den Käfig und wollten sich überwanden sich, umdrängten den sein oder lern sehr zurückgegangen. Aber sie überblickte mit einem gewissermaßen bewundernden Blick den ihm doch wohlbekannten gar nicht fortrühren. Jemand musste Josef K. verleumdet haben, denn fortrühren. Jemand musste Josef K. nicht sein Käfig und wollten sich gar nicht Apparat. Sie hätten noch ins Boot springen. Überall dieselbe alte Leier. Das Layout ist ohne dass er etwas Böses getan hätte, wurde er eines Morgens verhaf- etwas Böses getan hätte, wurde er ei- verleumdet haben, denn ohne dass er fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und tet.»wie ein Hund! «sagte er, es war, als sollte nes Morgens verhaftet.»wie ein Hund! «sagte sich klein und leer vorkommt, springe ich ein: die Scham ihn überleben. Als Gregor Samsa eines Morgens aus unruhigen Träumen erwach- Gregor Samsa eines Morgens aus unruhigen er, es war, als sollte die Scham ihn überleben. Als der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen te, fand er sich in seinem Bett zu einem ungeheueren Ungeziefer verwandelt. Und es war zu einem ungeheueren Ungeziefer verwandelt. Träumen erwachte, fand er sich in seinem Bett Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Und weil ihnen wie eine Bestätigung ihrer neuen Träume und guten Absichten, als am Ziele ihrer neuen Träume und guten Absichten, als am Und es war ihnen wie eine Bestätigung ihrer Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich Fahrt die Tochter als erste sich erhob und ihren Ziele ihrer Fahrt die Tochter als erste sich erhob und ihren jungen Körper dehnte. diese Gelegenheit nutzen, Ihnen nicht nur als jungen Körper dehnte.»es ist ein eigentümlicher Apparat«, sagte der Offizier zu dem For- Überall dieselbe alte Leier. Das Layout ist Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen gewissermaßen bewundernden Blick den ihm Layout nun nicht nackt im Raume steht und schungsreisenden und überblickte mit einem fertig, der Text lässt auf sich warten. Damit das Sie, Webstandards sind das Regelwerk, auf dem doch wohlbekannten Apparat. Sie hätten noch sich klein und leer vorkommt, springe ich ein: Webseiten aufbauen. So gibt es Regeln für ins Boot springen können, aber der Reisende der Blindtext, der beste, schönste und tollste Hypertext Markup Language (HTML), hob ein schweres, geknotetes Tau vom Boden, auf der ganzen Welt. Cascading Style Sheet (CSS), drohte ihnen damit und hielt sie dadurch von JavaScript oder auch dem Sprunge ab. Webseite des PDF/UA extensible Markup Language (XML); In den letzten Jahrzehnten ist das Interesse an Competence Center Worte, die Sie vielleicht schon einmal von Hungerkünstlern sehr zurückgegangen. Aber Ihrem Entwickler gehört haben. sie überwanden sich, umdrängten den Käfig Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite. musste Josef K. verleumdet haben, denn und wollten sich gar nicht fortrühren. Jemand competence-center/ ohne A Presentation 2017 by 6

7 Gesetze und Normen 2005 Bundes-Behinderten-Gleichstellungsgesetz 2008 WCAG BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung) 2012 PDF/UA-1 wird ISO Norm 2013 Matterhorn Protokoll Neue Vergabeverordnung 2017 PDF A Presentation 2017 by 7

8 Warum PDF/UA? Überprüfbarer Standard Technische Anforderungen Inhaltliche Anforderungen Sicherheit für Auftraggeber & -nehmer A Presentation 2017 by 8

9 2. Anforderungen an barrierefreie PDFs A Presentation 2017 by 9

10 Wann ist ein PDF eigentlich barrierefrei? Wenn JEDER es konsumieren kann A Presentation 2017 by 10

11 Was sind die Kriterien? Geregelt in PDF/UA / Matterhorn Protokoll Sehr ähnlich zu HTML Beispielsweise: Bilder haben Alternativtexte Mapping aller Zeichen zu Unicode Sprache ist hinterlegt Reihenfolge und Semantik ist definiert A Presentation 2017 by 11

12 Das Konzept Tagged PDF Markierung aller Inhalte Vergleichbar HTML Definiert Semantik und Reihenfolge A Presentation 2017 by 12

13 PDF ist aber nicht HTML andere Inhalte, andere Herausforderungen A Presentation 2017 by 13

14 Eine Frage der Eindeutigkeit Wie ist Reihenfolge? 1 Das ist eine Überschrift zu einem Text Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut, um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. 2 3 Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Optisch A Presentation 2017 by 14

15 1 Das ist eine Überschrift zu einem Text Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves,? um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut, um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. 2? Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. PDF Struktur A Presentation 2017 by 15

16 Nicht immer gibt es eine Lösung 1 Das ist eine Überschrift zu einem Text Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut, um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. 2 3 Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.[1] 5 Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. [1] 4 1 Der Fußnoteneintrag, der für zwei verschiedenen Fußnotenverweise in einem Dokument gilt A Presentation 2017 by 16

17 Semantik für Metainformationen Das ist eine Überschrift zu einem Text Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut, um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog A Presentation 2017 by 17

18 Das ist eine Überschrift zu einem Text Lbl Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder L Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut, um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze»Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog.?? A Presentation 2017 by 18

19 Semantik, eigentlich einfach? Boston College South St. Chestnut Hill Ave. Chiswick Rd. Sutherland St. Cleveland Circle Washington St. Englewood Ave. Warren St. Dean Rd. Allston St. Tappan St. Griggs St./Long Ave. Washington Square Harvard Ave. Riverside Packard s Corner Brandon Hall Babcock St. Fairbanks Woodland Summit Ave. Pleasant St. Waban Coolidge Corner Eliot St. Paul St. Newton Highlands St. Paul St. Boston University West Newton Centre Kent St. Chestnut Hill Hawes St. St. Marys St. Reservoir Beaconsfield Brookline Hills Brookline Village Heath St. Back of the Hill Longwood Fenway Riverway Mission Park Fenwood Rd. Brigham Circle Kenmore Longwood Medical Area Museum of Fine Arts Hynes Convention Center Northeastern Copley Arlington Park St. Boylston GREEN B-LINE GREEN C-LINE GREEN D-LINE GREEN E-LINE GREEN LINE TRANSIT MAP Blandford St. Boston University Central Boston University East Symphony Prudential Terminal Station Transit Station Transfer Station ACCESSIBILITY NOTE: Boylston accessible for Silver Line Washington Street only. LEGEND CUSTOMER SERVICE & TRAVEL INFORMATION: Call: or TTY: Web: MBTA TRANSIT POLICE: INBOUND INFORMATION Government Center Haymarket North Station Science Park Lechmere Take any train to reach Park Street. To reach Lechmere Station, take the D or E line A Presentation 2017 by 19

20 Blandford St. Boston University East n Squ banks Brandon Hall Summit Ave. Coolidge Corner ghlands St. Paul St. wton Centre Kent St. Chestnut Hill Hawes St. St. Marys St. Reservoir Beaconsfield Brookline Hills Brookline Village Heath St. Back of the Hill Longwood Fenway Riverway Mission Park Fenwood Rd. Brigham Circle Kenmore Longwood Medical Area Museum of Fine Arts Northeastern Symphony Hynes Convention Center Prudential Copley Arlington Boylston Park St. Government Center Haymarket North Station Science Park Lechmere INBOUND INFORMATION Take any train to reach Park Street. To reach Lechmere Station, take the D or E line A Presentation 2017 by 20

21 Weitere Anforderungen Dokumentenmetadaten, mind. Titel Links Tab-Reihenfolge Formeln Formulare Alle Anforderung gelten für: Datei + Anzeigeprogramm + Assistive Technologie A Presentation 2017 by 21

22 3. Strategien zum Umsetzung A Presentation 2017 by 22

23 Grundlegend Arbeitsweise anpassen Barrierefrei denken Thema früh aufgreifen A Presentation 2017 by 23

24 TeX Bis dato keine PDF/UA Unterstützung Aktuell wenig Ansätze zu Umsetzung Nur Lösung von Teilproblemen Nacharbeit erforderlich A Presentation 2017 by 24

25 Herausforderungen Metadaten Unicode Font Mapping Leerzeichen, Trennungen, Zeilenumbrüche Semantik und Reihenfolge A Presentation 2017 by 25

26 Ich hoffe es war erhellend! Fragen? A Presentation 2017 by 26

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal

Mehr

ÜBERSCHRIFT BASILIKA SONNTAGBERG CORPORATE DESIGN

ÜBERSCHRIFT BASILIKA SONNTAGBERG CORPORATE DESIGN ÜBERSCHRIFT BASILIKA SONNTAGBERG CORPORATE DESIGN ANALYSE SONNTAGBERGER GNADENBILD ORIGINAL DER VATER Krone Umhang Verlaufender Heiligenschein hält den Sohn ELEMENTE Die Reihenfolge ist typisch für den

Mehr

1 Musterseite (Ü 1) 1.1 Überschrift 2. Dies ist eine Blindtext-Musterseite 1 mit den Schriften Arial + Times New Roman:

1 Musterseite (Ü 1) 1.1 Überschrift 2. Dies ist eine Blindtext-Musterseite 1 mit den Schriften Arial + Times New Roman: Dies ist eine Blindtext-Musterseite mit den Schriften Arial + Times New Roman: Musterzeile Arial: abcdefghijklmnop ABCDEFGHIJKLMNOP 4567890 Musterzeile Times New Roman: abcdefghijklmnop ABCDEFGHIJKLMNOP

Mehr

SO SEHEN WIR IN ZUKUNFT FERN

SO SEHEN WIR IN ZUKUNFT FERN Matthias Heyde / Fraunhofer FOKUS MÖGE DER SCREEN MIT DIR SEIN: SO SEHEN WIR IN ZUKUNFT FERN Dr. Stefan Arbanowski Director Competence Center Future Applications and Media Fraunhofer FOKUS Research Institute

Mehr

Corporate Design Manual

Corporate Design Manual Corporate Design Manual Inhaltverzeichnis 0 Einleitung Seite 02 02 Das Logo Logo und Adresszusatz Seite 03 Anwendungen positiv/negativ Seite 03 Logo-Aufbau Seite 04 Schutzzone Seite 04 Positionierung Seite

Mehr

Corporate-Design-Manual Stadthalle Hagen. Stand Januar 2017

Corporate-Design-Manual Stadthalle Hagen. Stand Januar 2017 Corporate-Design-Manual Stadthalle Hagen Stand Januar 2017 Inhalt 2 3 4-5 6 7 8 9 10-11 12 13 14 15 Logo-Typen und ihre Verwendung Aufbau und Vermaßung Farbwelt Schutzraum Minimale verwendbare Größe des

Mehr

Informationen für Ihren digitalen Einstieg.

Informationen für Ihren digitalen Einstieg. Informationen für Ihren digitalen Einstieg www.kauf-im-allgaeu.de KAUF IM ALLGÄU! Dass die Digitalisierung branchenübergreifend den Handel erreicht hat, ist kein Geheimnis die Handelsstrukturen verändern

Mehr

Informationen für Ihren digitalen Einstieg. www.kauf-im-allgaeu.de

Informationen für Ihren digitalen Einstieg. www.kauf-im-allgaeu.de Informationen für Ihren digitalen Einstieg KAUF IM ALLGÄU! Dass die Digitalisierung branchenübergreifend den Handel erreicht hat, ist kein Geheimnis die Handelsstrukturen verändern sich. Für den lokalen

Mehr

ADRIAN FRUTIGER DER MENSCH UND SEINE ZEICHEN

ADRIAN FRUTIGER DER MENSCH UND SEINE ZEICHEN ADRIAN FRUTIGER DER MENSCH UND SEINE ZEICHEN Biografie Anton Stankowski Roger Cook & Don Shanosky OTL Aicher Eduard Hoffman & Max Medinger Armin Hofmann Geboren am 24. Mai 1928 in Unterseen bei Interlaken

Mehr

Das Erscheinungsbild der Universität Kassel Appendix 01 Die Fachbereiche

Das Erscheinungsbild der Universität Kassel Appendix 01 Die Fachbereiche Das Erscheinungsbild der Universität Kassel Appendix 01 Die Fachbereiche Das Erscheinungsbild der Universität Kassel Appendix 01 Die Fachbereiche Impressum Herausgeber Universität Kassel, Der Präsident

Mehr

Hausarbeit. 3. Juni Meine Hausarbeit

Hausarbeit. 3. Juni Meine Hausarbeit Hausarbeit Meine Hausarbeit 3. Juni 2015 Seminar Universität Leipzig Institut für Linguistik Modul Mein Modul 04-006-1000 Mein Seminar Prof. Dr. Do Zent SS 2015 Autor Ver Fasser Musterstraße 1 04107 Leipzig

Mehr

Schreiben an die Redaktion bitte an: Redaktion Pfarrbrief, c/o Pastoralbüro oder per an:

Schreiben an die Redaktion bitte an: Redaktion Pfarrbrief, c/o Pastoralbüro oder per  an: Hinweis: Titelseitengestaltung erfordert besonders viel Sorgfalt. An dieser Stelle finden Sie einen einfachen Layoutvorschlag als jpg, den Sie mit den Werkzeugen von MS Publisher leicht nachbauen können.

Mehr

Das Erscheinungsbild der Universität Kassel. Logo Farbe Typografie Gestaltungselemente und ihr Einsatz

Das Erscheinungsbild der Universität Kassel. Logo Farbe Typografie Gestaltungselemente und ihr Einsatz Das Erscheinungsbild der Universität Kassel Logo Farbe Typografie Gestaltungselemente und ihr Einsatz Das Erscheinungsbild der Universität Kassel Logo Farbe Typografie Gestaltungselemente und ihr Einsatz

Mehr

Das Erscheinungsbild der Universität Kassel. Logo Farbe Typografie Gestaltungselemente und ihr Einsatz

Das Erscheinungsbild der Universität Kassel. Logo Farbe Typografie Gestaltungselemente und ihr Einsatz Das Erscheinungsbild der Universität Kassel Logo Farbe Typografie Gestaltungselemente und ihr Einsatz Impressum Herausgeber Universität Kassel, Der Präsident 34109 Kassel Redaktion Beate Hentschel, Universität

Mehr

LEBEN UND ERLEBEN IM MITTLEREN SCHWARZWALD DAS PORTAL FÜR FÖRDERPROGRAMME UND INNOVATIVE PROJEKTE IN DER REGION

LEBEN UND ERLEBEN IM MITTLEREN SCHWARZWALD DAS PORTAL FÜR FÖRDERPROGRAMME UND INNOVATIVE PROJEKTE IN DER REGION LEBEN UND ERLEBEN IM MITTLEREN SCHWARZWALD DAS PORTAL FÜR FÖRDERPROGRAMME UND INNOVATIVE PROJEKTE IN DER REGION ZUKUNFT GEMEINSAM GESTALTEN Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben

Mehr

Das Erscheinungsbild der Universität Kassel. Logo Farbe Typografie Gestaltungselemente und ihr Einsatz

Das Erscheinungsbild der Universität Kassel. Logo Farbe Typografie Gestaltungselemente und ihr Einsatz Das Erscheinungsbild der Universität Kassel Logo Farbe Typografie Gestaltungselemente und ihr Einsatz Impressum Herausgeber Universität Kassel Der Präsident 34109 Kassel Redaktion Beate Hentschel, Universität

Mehr

Der Titel der Arbeit

Der Titel der Arbeit Hochschule Darmstadt - Fachbereich Maschinenbau und Kunststofftechnik - Der Titel der Arbeit Abschlussarbeit zur Erlangung des akademischen Grades Bachelor of Science (B.Sc.) vorgelegt von Vorname Nachname

Mehr

Barrierefrei Kommunizieren

Barrierefrei Kommunizieren Barrierefrei Kommunizieren Jan Eric Hellbusch In Deutschland gibt es eine Gesetzeslage BITV 2.0: Verordnung zum Behindertengleichstellungsgesetz Für Behörden des Bundes verpflichtend Bezieht sich seit

Mehr

DOXNET Tag 24. November Datenströme und ihre Zukunft

DOXNET Tag 24. November Datenströme und ihre Zukunft 1 DOXNET Tag 24. November 2016 Datenströme und ihre Zukunft Agenda Einstieg/Gegenüberstellung AFP: Advanced Function Printing/Presentation PDF: Portable Document Format HTML5: Hypertext Markup Language

Mehr

universität innsbruck 2017

universität innsbruck 2017 cd manual. universität innsbruck 2017 Das Corporate Design gehört mit zur Corporate Identity der Persönlichkeit einer Organisation und trägt visuell dazu bei, diese unverwechselbar zu präsentieren. Ein

Mehr

Wir sind das neue Kompetenzzentrum für ambulante. medizinische Versorgung in Rapperswil-Jona.

Wir sind das neue Kompetenzzentrum für ambulante. medizinische Versorgung in Rapperswil-Jona. 1 HOME ÄRZTE ANGEBOTE ZENTRUM STANDORT KONTAKT A A A (rappjderm) 3. OG Empfang Tel. 055 124 10 60 2. OG Empfang Tel. 055 124 10 50 1. OG Empfang Tel. 055 124 10 30 EG Empfang Tel. 055 124 10 10 EG Empfang

Mehr

Internet und Webseiten-Gestaltung

Internet und Webseiten-Gestaltung Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 28. April 2004 Dipl.-Inf. T. Mättig 2004-04-28 Internet und Webseiten-Gestaltung - T. Mättig 1 Vorbemerkungen Dipl.-Inf. T. Mättig E-Mail:

Mehr

Gesetzliche Grundlagen, Normen und Verordnungen

Gesetzliche Grundlagen, Normen und Verordnungen Gesetzliche Grundlagen, Normen und Verordnungen Für wen sind die Umsetzung von Ergonomie, Gebrauchstauglichkeit und Barrierefreiheit bei Soft- /Hardware von Vorteil? Für 15 % der Beschäftigten und der

Mehr

Grundlagen und Folgen des barrierefreien Webdesigns

Grundlagen und Folgen des barrierefreien Webdesigns Grundlagen und Folgen des barrierefreien Webdesigns Referent: Jan Eric Hellbusch Überblick Im Fokus der folgenden Ausführungen stehen die Web Content Accessibility Guidelines 2.0 (WCAG20). Webstandards

Mehr

Dermatologie und Venerologie Gynäkologie und Geburtshilfe Allgemeine Innere Medizin Kinder- und Jugendmedizin Apotheke

Dermatologie und Venerologie Gynäkologie und Geburtshilfe Allgemeine Innere Medizin Kinder- und Jugendmedizin Apotheke Dermatologie und Venerologie Gynäkologie und Geburtshilfe Allgemeine Innere Medizin Kinder- und Jugendmedizin Apotheke Wir sind das neue Kompetenzzentrum für ambulante medizinische Versorgung in Rapperswil-Jona.

Mehr

LOG.OS LOGO- UND CORPORATE DESIGN-ENTWICKLUNG

LOG.OS LOGO- UND CORPORATE DESIGN-ENTWICKLUNG ANKE HOHMEISTER GESTALTENDE KOMMUNIKATION LOG.OS LOGO- UND CORPORATE DESIGN-ENTWICKLUNG Berlin, 14. November 2014 MOODBOARD demokratisch gemeinwohlorientiert sozial Connecting Books & People digital interaktiv

Mehr

Websites für alle. Eckpunkte einer barrierefreien Gestaltung digitaler Online Präsenzen. Matthias Kurz, media machine GmbH

Websites für alle. Eckpunkte einer barrierefreien Gestaltung digitaler Online Präsenzen. Matthias Kurz, media machine GmbH Websites für alle Eckpunkte einer barrierefreien Gestaltung digitaler Online Präsenzen Matthias Kurz, media machine GmbH Websites für alle Teilhabechance für alle Barrieren verstehen Barrieren beseitigen

Mehr

Der PDF/UA-Standard kommt - Barrierefreiheit in PDFs auf dem Hintergrund aktueller und kommender gesetzlicher Bestimmungen

Der PDF/UA-Standard kommt - Barrierefreiheit in PDFs auf dem Hintergrund aktueller und kommender gesetzlicher Bestimmungen Der PDF/UA-Standard kommt - Barrierefreiheit in PDFs auf dem Hintergrund aktueller und kommender gesetzlicher Bestimmungen Olaf Drümmer - callas software GmbH Noch ein PDF-Standard? PDF/A: Archivierung

Mehr

XML Extensible Markup Language

XML Extensible Markup Language XML-Praxis XML Extensible Markup Language Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht Woher? Wohin? Warum? Bestandteile von XML XML-Dokumente erstellen und bearbeiten XML-Praxis XML Extensible

Mehr

Webdesign im Tourismus

Webdesign im Tourismus Übung Prof. Dr. Markus Landvogt Zur Vorlesung 2.3. Feinheiten in Jimdo 2.4. HTML in Jimdo 03 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.1 Aufbau einer Seite in HTML 3.2 HTML in Jimdo WEB 03 1 2.3.

Mehr

92. Schriften. Thomas Worsch. Wintersemester 2014/2015

92. Schriften. Thomas Worsch. Wintersemester 2014/2015 LATEX, beamer, tikz und Co. LATEX, beamer, tikz und Co. 92. Schriften Thomas Worsch Fakultät für Informatik Karlsruher Institut für Technologie Wintersemester 2014/2015 1 / 12 Überblick Encodings and Fonts

Mehr

PC-Schriften mit AMP Font Viewer ansehen:

PC-Schriften mit AMP Font Viewer ansehen: PC-Schriften mit AMP Font Viewer ansehen: Nicht immer reicht die Schriftenvorschau von Word oder einem anderen Schreibprogramm aus, um sich wirklich ein Bild von der Schrift, die man z. B. für eine Einladungskarte

Mehr

PDF/UA in der Office-Welt

PDF/UA in der Office-Welt PDF/UA in der Office-Welt 1 Agenda Barrierefreie PDF Dokumente - Textverarbeitung Microsoft Office Word / LibreOffice Writer Kurzer Einblick Textverarbeitung und Präsentation Excel und Calc / PowerPoint

Mehr

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.

Mehr

Barrierefreies Webdesign: Was ist das? BOA-Symposium Barrierefreies Webdesign 2007 agentur 52eins www.52eins.de

Barrierefreies Webdesign: Was ist das? BOA-Symposium Barrierefreies Webdesign 2007 agentur 52eins www.52eins.de Barrierefreies Webdesign: Was ist das? 1 18 Barrieren Barrieren? _ Wenn es Barrierefreies Webdesign gibt, muss es auch Barrieren geben 2 18 Was wir im Internet machen _ informieren _ konsumieren _ kommunizieren

Mehr

PDF/VT im Kontext von PDF/X, PDF/A und PDF/UA

PDF/VT im Kontext von PDF/X, PDF/A und PDF/UA PDF/VT im Kontext von PDF/X, PDF/A und PDF/UA 19. September 2011 PDF/VT im Kontext von PDF/X, PDF/A und PDF/UA Olaf Drümmer 1 PDF/UA PDF/E PDF/A PDF/EA PDF/X PDF/VT Adobe PDF 1.0-1.7 1.7 2.0 Die Familie

Mehr

PDF/UA Real Life Check 2017 Ausgabe 2 Eine Studie zum Stand der PDF-Barrierefreiheit auf den Internetseiten deutscher Bundesministerien

PDF/UA Real Life Check 2017 Ausgabe 2 Eine Studie zum Stand der PDF-Barrierefreiheit auf den Internetseiten deutscher Bundesministerien PDF Days Europe 2017 PDF/UA Real Life Check 2017 Ausgabe 2 Eine Studie zum Stand der PDF-Barrierefreiheit auf den Internetseiten deutscher Bundesministerien, @axespdf A PDF Association Presentation 2016

Mehr

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM Robert R. Agular Thomas Kobert 5. Auflage HTML Inklusive CD-ROM Vorwort 13 Einleitung 14 Arbeitsschritte 14 Wichtige Stellen im Buch 14 Buffi-Infokästen 14 Aufgaben 15 Wohin mit den Übungen? 15 HTML-Ordner

Mehr

Diese neuen Gestaltungsmöglichkeiten können nun auf den Web-Anzeigenmarkt angewandt werden: Wissensbaustein»Anzeigenmarkt: CSS-Einsatz«(S.

Diese neuen Gestaltungsmöglichkeiten können nun auf den Web-Anzeigenmarkt angewandt werden: Wissensbaustein»Anzeigenmarkt: CSS-Einsatz«(S. 128 5XHTML&CSS* Wissensbaustein»CSS: ID-Attribut«(S. 180) Wissensbaustein»CSS: Umrandungen«(S. 182) Wissensbaustein»CSS: Füllungen & Abstände«(S. 185) Wissensbaustein»CSS: Pseudo-Klassen & -Elemente«(S.

Mehr

Die Umsetzung der Richtlinien für barrierefreie Web- Inhalte in Deutschland. Annika Nietzio, FTB Dr. Birgit Scheer, FTB. Projekte:

Die Umsetzung der Richtlinien für barrierefreie Web- Inhalte in Deutschland. Annika Nietzio, FTB Dr. Birgit Scheer, FTB. Projekte: Die Umsetzung der Richtlinien für barrierefreie Web- Inhalte in Deutschland Annika Nietzio, FTB Dr. Birgit Scheer, FTB Projekte: Digital informiert im Job integriert (Di-Ji) Di-Ji Ziele: Zugang zur Berufswelt

Mehr

XML Extensible Markup Language

XML Extensible Markup Language XML-Praxis XML Extensible Markup Language Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht Woher? Wohin? Warum? Bestandteile von XML XML-Dokumente erstellen und bearbeiten XML-Praxis XML Extensible

Mehr

Zentrum für Informationsdienste und Hochleistungsrechnen (ZIH) Behindertengerechte Webgestaltung

Zentrum für Informationsdienste und Hochleistungsrechnen (ZIH) Behindertengerechte Webgestaltung Zentrum für Informationsdienste und Hochleistungsrechnen (ZIH) Behindertengerechte Webgestaltung Frank Schulze 17.10.2007 Überblick Definition der Barrierefreiheit Regeln für Barrierefreiheit Richtlinien

Mehr

Geschäfts-Ordnung Inklusions-Fach-Beirat

Geschäfts-Ordnung Inklusions-Fach-Beirat Geschäfts-Ordnung Inklusions-Fach-Beirat Inklusions-Fach-Beirat ist ein sehr langes Wort. Deshalb steht im Text immer nur Beirat. Das ist kürzer. Und einfacher zu lesen. In einer Geschäfts-Ordnung stehen

Mehr

Barrierefreie Internetseiten Stephan Leder, CONET AG Bernd Fiedler, CONET AG

Barrierefreie Internetseiten Stephan Leder, CONET AG Bernd Fiedler, CONET AG Barrierefreie Internetseiten Stephan Leder, CONET AG Bernd Fiedler, CONET AG Forum 7-it eg 13.06.2005 Kurzvorstellung CONET AG IT & Telekommunikation Konzeption, Implementierung und Betrieb von IT-Systemen

Mehr

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages

Mehr

Barrierefreie PDF/UA Dokumente für alle

Barrierefreie PDF/UA Dokumente für alle Accessible documents for everyone! «Zugang für alle» Accessibility-Apéro : 9. März 2016 (Migros) Barrierefreie PDF/UA Dokumente für alle Verstehen Erstellen Nutzen Copyright All rights reserved. 3 Erfolgskriterien:

Mehr

Evaluation der Barrierefreiheit mit der Firefox Web Developer Toolbar

Evaluation der Barrierefreiheit mit der Firefox Web Developer Toolbar Evaluation der Barrierefreiheit mit der Firefox Web Developer Toolbar Viele Betreiber von Webseiten sind sich unsicher, wie sie die Barrierefreiheit ihrer Webseite evaluieren können. Der Vortrag soll praktikable

Mehr

Barrierefreie Website der LNG Fulda

Barrierefreie Website der LNG Fulda 1 BLUEPAGE CMS - Success Stories Barrierefreie Website der LNG Fulda Ausgangslage Über die Website der Lokalen Nahverkehrsgesellschaft Fulda mbh finden Besucher aktuelle Informationen über gültige Liniennetzpläne,

Mehr

Ursprung des Internets und WWW

Ursprung des Internets und WWW Ursprung des Internets und WWW Ende der 60er Jahre des letzten Jahrtausends wurde in den USA die Agentur DARPA (Defense Advanced Research Projects Agency) gegründet, mit dem Ziel den Wissens und Informationsaustausch

Mehr

Barrierefreier Zugang zu Wissen

Barrierefreier Zugang zu Wissen Barrierefreier Zugang zu Wissen Jan Eric Hellbusch Angaben zur Person Jan Eric Hellbusch ist Autor der beiden gleichnamigen Titel "Barrierefreies Webdesign" sowie weiterer Fachveröffentlichungen zum Thema.

Mehr

Know-how für Kreative. Leseprobe Kapitel 8:»Gestaltungsraster«Inhaltsverzeichnis Index Der Autor Leseprobe weiterempfehlen

Know-how für Kreative. Leseprobe Kapitel 8:»Gestaltungsraster«Inhaltsverzeichnis Index Der Autor Leseprobe weiterempfehlen Know-how für Kreative. Leseprobe Gestaltungsraster dienen dazu, allen Elementen eines Layouts Position Größe so zuzuweisen, dass sich Achsen bilden. Außerdem geben die Raster den Elementen identische oder

Mehr

Die Antworten von der FDP

Die Antworten von der FDP 19 Die Antworten von der FDP 1. Wahl-Recht Finden Sie richtig, dass nicht alle wählen dürfen? Setzen Sie sich für ein Wahl-Recht für alle ein? Wir sind der Meinung: Das Wahl-Recht ist ein wichtiges Recht

Mehr

Schritte der Gestaltungsentwicklung und -anwendung auf den Text

Schritte der Gestaltungsentwicklung und -anwendung auf den Text Schritte der Gestaltungsentwicklung und -anwendung auf den Text Faltblatt auf DIN A4 2 Seiten 16 23 cm², montiert zu 2 Doppelseiten auf einem Druckbogen 33 48,7 cm² Für Seitengrößen sind DIN-Maße geeignet

Mehr

CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS

CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung

Mehr

HTML. HyperText Markup Language. von Nico Merzbach

HTML. HyperText Markup Language. von Nico Merzbach HTML HyperText Markup Language von Nico Merzbach Kapitel 1 Was ist HTML? Was ist HTML? Einführung: HTML ist eine (Hypertext-)Auszeichnungssprache. Mit Hilfe von HTML strukturiert man Inhalte wie Text,

Mehr

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 2. Ausgabe, 3. Aktualisierung, Januar 2013 HTML5

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 2. Ausgabe, 3. Aktualisierung, Januar 2013 HTML5 HTML5 Linda York, Tina Wegener 2. Ausgabe, 3. Aktualisierung, Januar 2013 Grundlagen der Erstellung von Webseiten HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen

Mehr

XML Extensible Markup Language

XML Extensible Markup Language XML light XML Extensible Markup Language Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht Woher? Wohin? Warum? Bestandteile von XML XML-Dokumente erstellen und bearbeiten XML light XML Extensible

Mehr

Produktion. Konzeption. E-Book-Produktion 27. Technik. Multimediale Bestandteile. Dateiformate. Geräte. Workflow. Content-Erstellung.

Produktion. Konzeption. E-Book-Produktion 27. Technik. Multimediale Bestandteile. Dateiformate. Geräte. Workflow. Content-Erstellung. E-Book- 27 Ergänzungen Trend: enhanced E-Book Einbindungs- und Nutzungsmöglichkeiten multimedialer Elemente sehr unterschiedlich PDF: Audio, Video und interaktive Formulare problemlos integrierbar epub:

Mehr

CSS Frameworks. Seminar Weiterführende Themen zu Internet- und WWW-Technologien. 9. Mai Johannes Schirrmeister

CSS Frameworks. Seminar Weiterführende Themen zu Internet- und WWW-Technologien. 9. Mai Johannes Schirrmeister CSS Frameworks Seminar Weiterführende Themen zu Internet- und WWW-Technologien 9. Mai 2011 - Johannes Schirrmeister Überblick 2 I. Motivation und Einführung II. Flexible vs. Fixe Layouts III. Aufbau am

Mehr

Der Rumpf. Titel Seite 3

Der Rumpf. Titel Seite 3 Grundzüge des Web-Designs Es gibt verschiedene Elemente der Darstellung, die im Design immer wieder vorkommen Diese sind z.b. Textblöcke, Bilder, Überschriften, Absätze etc. Titel Seite 1 Diese Elemente

Mehr

Seminar Document Engineering

Seminar Document Engineering Das OpenDocument-Format als Austauschformat 12.12.2006 Gliederung Problemstellung Gliederung Einstieg Gliederung Problemstellung Sie bewerben sich mit diesem Schreiben... Gliederung Problemstellung...

Mehr

Barrierefreiheit im E-Learning

Barrierefreiheit im E-Learning Barrierefreiheit im E-Learning Campus Innovation Hamburg 2003 Special 3: Standardisierung 30. September 2003 Barrierefreiheit im E-Learning Für wen ergeben sich Barrieren durch Konzeption und Gestaltung?

Mehr

CSS Cascading Style Sheets

CSS Cascading Style Sheets XML light CSS Cascading Style Sheets Jörn Clausen joern@techfak.uni-bielefeld.de Übersicht Wieso Cascading Style Sheets? HTML und CSS XML und CSS Ausblick XML light CSS Cascading Style Sheets 2/24 Probleme,

Mehr

...ist das kleine Icon das am Anfang der URL der Internetadresse erscheint. (wie bereits in Version 1.4)

...ist das kleine Icon das am Anfang der URL der Internetadresse erscheint. (wie bereits in Version 1.4) Seite 1 von 6 Einleitung Mit der 1.5 Version der themes können großartige Moodle Lernplattformen gestaltet werden. Ich freue mich darauf, die vielen verschiedenen, brauchbaren und gute aussehenden Moodle

Mehr

Barrierefreiheit im Internet. PHP UserGroup Würzburg 01.12.2009 Jason Easter

Barrierefreiheit im Internet. PHP UserGroup Würzburg 01.12.2009 Jason Easter Barrierefreiheit im Internet PHP UserGroup Würzburg 01.12.2009 Jason Easter Was ist Barrierefreiheit? Barrierefreiheit bedeutet, dass Gegenstände, Medien und Einrichtungen so gestaltet werden, dass sie

Mehr

Die neue Template-Technologie in der Version 5 Rainer Hartlep

Die neue Template-Technologie in der Version 5 Rainer Hartlep Die neue Template-Technologie in der Version 5 Rainer Hartlep Wo sind Barrieren bei der Internet-Nutzung? - Mensch: Sehkraft, Hörvermögen Rot-Grün-Sehschwäche: 9% der Männer, 0,8% der Frauen - Browser:

Mehr

COMPUTER UND KOMMUNIKATION. Web-Seiten. Wie Web-Seiten gestaltet sein sollten, damit sie für Blinde und Sehbehinderte zugänglich sind

COMPUTER UND KOMMUNIKATION. Web-Seiten. Wie Web-Seiten gestaltet sein sollten, damit sie für Blinde und Sehbehinderte zugänglich sind 1 COMPUTER UND KOMMUNIKATION Wie gestaltet sein sollten, damit sie für Blinde und Sehbehinderte zugänglich sind COMPUTER UND KOMMUNIKATION 1 DAS INTERNET bietet blinden und sehbehinderten Menschen die

Mehr

Eine Schnelleinführung in CSS

Eine Schnelleinführung in CSS Eine Schnelleinführung in CSS Michael Dienert 11. September 2013 Inhaltsverzeichnis 1 Was ist CSS? 1 2 Verwenden der CSS-Stylesheets 2 3 Struktur eines CSS-Stylesheets 2 4 Selektoren im Detail 3 4.1 Verwandschaftsbeziehungen:

Mehr

Barrierefrei texten fürs Web

Barrierefrei texten fürs Web BIGGI MESTMÄCKER Unterm Strich mehr als Text Barrierefrei texten fürs Web BERATUNG MITDENKEN BLOG-MANAGEMENT BRAINSTORMING DIALOG ERFAHRUNG ERFOLG BLOGCOACHING ÜBERZEUGEN HERAUSRAGEN FREUDE IDEEN KONTAKTE

Mehr

Barrierefreie Dokumente

Barrierefreie Dokumente Barrierefreie Dokumente Seminar BS 162 Barrierefreie Informationssysteme - Grundlagen Gerhard Nussbaum Wien, März 2017 gerhard.nussbaum@ki-i.at Was ist ein PDF? PDF heißt Portable Document Format Von Adobe

Mehr

Barrierefreie Webdarstellung

Barrierefreie Webdarstellung Barrierefreie Webdarstellung Rechtliche Grundlagen Prinzipien und anzuwendende Standards Konsequenzen Der Weg zur Barrierefreiheit Frank T. Zerres Universität Duisburg Essen Zentrum für Informations und

Mehr

Barrierefreiheit mit Adobe Acrobat XI

Barrierefreiheit mit Adobe Acrobat XI Barrierefreiheit mit Adobe Acrobat XI Anpassung und Optimierung von PDF-Dokumenten Markus Müller-Trabucchi Satz-Rechen-Zentrum, Berlin Mitglied der besscom AG PRINT & DIGITAL GROUP BERLIN Barrierefreiheit

Mehr

Online-Publishing mit HTML und CSS für Einsteigerinnen

Online-Publishing mit HTML und CSS für Einsteigerinnen mit HTML und CSS für Einsteigerinnen Dipl.-Math. Eva Dyllong Universität Duisburg Dipl.-Math. Maria Oelinger spirito GmbH IF MYT 07-2002 Web-Technologien Überblick HTML und CSS, XML und DTD, JavaScript

Mehr

So einfach werden Ihre Dokumente barrierefrei

So einfach werden Ihre Dokumente barrierefrei So einfach werden Ihre Dokumente barrierefrei Sie benötigen barrierefreie & interaktive PDF-Dokumente. Wir erstellen sie nachträglich aus Ihren Dokumenten, Formularen und Drucksachen. Die Quellen können

Mehr

Webportfolio Kurs 2 1

Webportfolio Kurs 2 1 Webportfolio Kurs 2 1 Inhalte Übersicht Konzeption und Gestaltung von Websites Strukturierung von HTML-Dokumenten Formatierung von HTML-Dokumenten Verwenden von Bildern, Links, Listen, Tabellen.. Einbettung

Mehr

Modul 4: Sprachen im WWW

Modul 4: Sprachen im WWW Modul 4: Sprachen im WWW Lernziele The problem with what you see is what you get is that what you see is all you ve got... Brian Kernighan, Guru aus Princeton [W1] Auszeichnungssprachen trennen Inhalt

Mehr

Barrierefreies Internet rechtliche

Barrierefreies Internet rechtliche Barrierefreies Internet rechtliche Anforderungen, Institutionen, Techniken Die besonderen Anforderungen an die digitale Patienten- Kommunikation. Whitepaper für den Medizin-Management-Verband. Autor: Torsten

Mehr

Woran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat

Woran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat Alle wissen, was Webstandards und Accessibility bedeuten, aber Woran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat Maria Putzhuber www.putzhuber.net Copyright

Mehr

Barrierefreiheit im Fokus

Barrierefreiheit im Fokus Barrierefreiheit im Fokus Jan Eric Hellbusch und Nicolai Schwarz Mein Spektrum: Beratung zur Barrierefreiheit Evaluierung Fehlervermeidung Beratung Workshops Unterlagen/Lösungen Meine Empfehlung Im März

Mehr

A-Tag Wien 16. September 2016

A-Tag Wien 16. September 2016 A-Tag 2016 Wien 16. September 2016 PDF/UA Real Life Check 2016 Eine Studie zum Stand der PDF-Barrierefreiheit auf den Internetseiten österreichischer Bundesministerien (inklusive Bundeskanzleramt) A-Tag

Mehr

2. WWW-Protokolle und -Formate

2. WWW-Protokolle und -Formate 2. WWW-Protokolle und -Formate Inhalt: HTTP, allgemeiner syntaktischer Aufbau Wichtige Methoden des HTTP-Protokolls Aufbau von Web-Applikationen unter Nutzung von HTTP, HTML, DOM XML, XML-DTD und XML-Schema

Mehr

Warum JavaScript? Vorwort

Warum JavaScript? Vorwort Vorwort Programmieren ist die Kunst, Computer dazu zu bringen, das zu machen, was du willst! Das machst du mit einer Programmiersprache, mit der du aufschreibst, was der Computer tun soll. Programmieren

Mehr

Erstellen von Web-Seiten HTML und mehr...

Erstellen von Web-Seiten HTML und mehr... Erstellen von Web-Seiten HTML und mehr... SS 2002 Duffner: Interaktive Web-Seiten 1 Themen! Was ist das WWW?! Client-Server-Konzept! URL! Protokolle und Dienste! HTML! HTML-Editoren! Ergänzungen und Alternativen

Mehr

Detmolder Schule für Architektur und Innenarchitektur\ Corporate Design Manual

Detmolder Schule für Architektur und Innenarchitektur\ Corporate Design Manual Detmolder Schule für Architektur und Innenarchitektur\ Corporate Design Manual Vorwort \ Seite 3 Liebe Kolleginnen und Kollegen, Pünktlich zum 120-jährigen Bestehen im Jahr 2013 hat die Detmolder Schule

Mehr

Erstellen Sie Ihre fertige Webseite im Workshop Dreamweaver-Basic bei meta.at

Erstellen Sie Ihre fertige Webseite im Workshop Dreamweaver-Basic bei meta.at Erstellen Sie Ihre fertige Webseite im Workshop Dreamweaver-Basic bei meta.at Jeder kann lernen, eine Webseite selbst zu erstellen und zu aktualisieren. Bei meta.at bekommen Sie auf einfache und unterhaltsame

Mehr

Redaktionssystem oder Framemaker oder Word? Komplexe Dokumente leicht gemacht. Dr. Rolf Keller,

Redaktionssystem oder Framemaker oder Word? Komplexe Dokumente leicht gemacht. Dr. Rolf Keller, Redaktionssystem oder Framemaker oder Word? Komplexe Dokumente leicht gemacht Dr. Rolf Keller, rolf.keller@schema.de Über SCHEMA Standing 20 Jahre Erfahrung am Markt Über 450 renommierte Kunden, mehr als

Mehr

Ursprung des Internets und WWW

Ursprung des Internets und WWW Ursprung des Internets und WWW Ende der 60er Jahre des letzten Jahrtausends wurde in den USA die Agentur DARPA (Defense Advanced Research Projects Agency) gegründet, mit dem Ziel den Wissens und Informationsaustausch

Mehr

Barrierefreiheit im Web

Barrierefreiheit im Web Barrierefreiheit im Web Eine technisch orientierte Minimaleinführung Dr. Ulrich Schwarz Rechenzentrum der CAU Kiel 5. Februar 2015 Dr. Ulrich Schwarz (RZ der CAU) Barrierefreiheit im Web 5. Februar 2015

Mehr

Herzlich willkommen im Modul Informatik Grundlagen

Herzlich willkommen im Modul Informatik Grundlagen Herbstsemester 2010/2011 Herzlich willkommen im Modul Informatik Grundlagen Wirtschaftsingenieurwesen: 1. Semester Dozent: Martin Hüsler Fachhochschule Nordwestschweiz FHNW / Martin Hüsler 1 Ablauf: 1.

Mehr

Auf die Mischung kommt es an

Auf die Mischung kommt es an Auf die Mischung kommt es an Sie können XML, HTML oder auch JavaScript beliebig in einem Dokument kombinieren. Hierbei müssen Sie lediglich entscheiden, was in Ihrem Dokument die höchste Priorität hat.

Mehr

Standardkonforme, barrierefreie PDF-Dokumente per Knopfdruck erstellen - das Add-In axespdf for Word

Standardkonforme, barrierefreie PDF-Dokumente per Knopfdruck erstellen - das Add-In axespdf for Word Standardkonforme, barrierefreie PDF-Dokumente per Knopfdruck erstellen - das Add-In axespdf for Word Markus Erle - Wertewerk IKT-Forum 2012 - Linz Im Überblick 1. Ausgangssituation 2. Vom Workflow zur

Mehr

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools 1 Kurze HTML-Geschichte Die HTML4-Spezifikation wurde im Dezember 1997 vorgelegt. Seitdem Stagnation! Das W3C arbeitete

Mehr

DKG krebsgesellschaft

DKG krebsgesellschaft DKG Qualität kommunizieren Das Erscheinungsbild der zertifizierten Zentren DKG Inhalt Präsentieren Sie Ihr Zentrum Präsentieren Sie Ihr Zentrum..................3 Zertifikate.............................

Mehr

Wir studieren HTML-Tags

Wir studieren HTML-Tags Abb. 1: Word-Dokument Abb. 2: Das Dokument aus Abb. 1 mit einem Editor betrachtet Wir studieren HTML-Tags Wenn man ein Word-Dokument wie in Abb. 1 mit einem Editor anschaut, erkennt man den Quelltext des

Mehr

HTML5 und das Framework jquery Mobile

HTML5 und das Framework jquery Mobile HTML5 und das Framework jquery Mobile Seminarvortrag Naeema Anees Betreuer: Prof. Ulrich Stegelmann Dipl.-Inform. Axel Blum Einleitung Vielfalt an mobilen Geräten Verschiedene Betriebssysteme Verschiedene

Mehr