3. Juni Alexander Koch: Web Accessibility. Barrierefreies Webdesign
|
|
|
- Elmar Walter
- vor 8 Jahren
- Abrufe
Transkript
1 Alexander Koch: Web Accessibility Barrierefreies Webdesign 3. Juni 2004
2 Übersicht Einige Accessibility-Mythen Vorteile von barrierefreiem Webdesign Arten von Einschränkungen Technische Ausführung Barrierefreies Webdesign 2
3 Einige Accessibility-Mythen Barrierefreie Webseiten müssen langweilig aussehen Barrierefreies Webdesign 3
4 Einige Accessibility-Mythen Barrierefreie Webseiten müssen langweilig aussehen Barrierefreie Webseiten dürfen keine Bilder enthalten (Im Notfall brauchen wir eine Text-Only-Version) Barrierefreies Webdesign 3
5 Einige Accessibility-Mythen Barrierefreie Webseiten müssen langweilig aussehen Barrierefreie Webseiten dürfen keine Bilder enthalten (Im Notfall brauchen wir eine Text-Only-Version) Barrierefreie Webseiten müssen überall gleich aussehen Barrierefreies Webdesign 3
6 Einige Accessibility-Mythen Barrierefreie Webseiten müssen langweilig aussehen Barrierefreie Webseiten dürfen keine Bilder enthalten (Im Notfall brauchen wir eine Text-Only-Version) Barrierefreie Webseiten müssen überall gleich aussehen Barrierefreie Webseiten dürfen nur HTML 2.0 benutzen Barrierefreies Webdesign 3
7 Einige Accessibility-Mythen Barrierefreie Webseiten müssen langweilig aussehen Barrierefreie Webseiten dürfen keine Bilder enthalten (Im Notfall brauchen wir eine Text-Only-Version) Barrierefreie Webseiten müssen überall gleich aussehen Barrierefreie Webseiten dürfen nur HTML 2.0 benutzen Die einzige Art von Behinderung ist visuell Barrierefreies Webdesign 3
8 Einige Accessibility-Mythen Barrierefreie Webseiten müssen langweilig aussehen Barrierefreie Webseiten dürfen keine Bilder enthalten (Im Notfall brauchen wir eine Text-Only-Version) Barrierefreie Webseiten müssen überall gleich aussehen Barrierefreie Webseiten dürfen nur HTML 2.0 benutzen Die einzige Art von Behinderung ist visuell Barrierefreies Webdesign bringt mir nichts, es gehen ja eh keine Behinderten auf meine Seite Barrierefreies Webdesign 3
9 Vorteile von Barrierefreiem Webdesign Wirtschaftlich: = Bessere Usability für alle Nutzer Barrierefreies Webdesign 4
10 Vorteile von Barrierefreiem Webdesign Wirtschaftlich: = Bessere Usability für alle Nutzer = Größerer Nutzerkreis, Mehr Kunden Barrierefreies Webdesign 4
11 Vorteile von Barrierefreiem Webdesign Wirtschaftlich: = Bessere Usability für alle Nutzer = Größerer Nutzerkreis, Mehr Kunden = Suchmaschinenoptimiert, Metadaten Barrierefreies Webdesign 4
12 Vorteile von Barrierefreiem Webdesign Wirtschaftlich: = Bessere Usability für alle Nutzer = Größerer Nutzerkreis, Mehr Kunden = Suchmaschinenoptimiert, Metadaten = Einfachere Wartung, Niedrigere Serverbelastung Barrierefreies Webdesign 4
13 Vorteile von Barrierefreiem Webdesign Wirtschaftlich: = Bessere Usability für alle Nutzer = Größerer Nutzerkreis, Mehr Kunden = Suchmaschinenoptimiert, Metadaten = Einfachere Wartung, Niedrigere Serverbelastung Sozial/Rechtlich: = Soziale Verantwortung nach außen zeigen Barrierefreies Webdesign 4
14 Vorteile von Barrierefreiem Webdesign Wirtschaftlich: = Bessere Usability für alle Nutzer = Größerer Nutzerkreis, Mehr Kunden = Suchmaschinenoptimiert, Metadaten = Einfachere Wartung, Niedrigere Serverbelastung Sozial/Rechtlich: = Soziale Verantwortung nach außen zeigen = Gleichstellungsgesetze, BITV Barrierefreies Webdesign 4
15 Blindheit Arten von Einschränkungen Barrierefreies Webdesign 5
16 Blindheit Sehbehinderung Arten von Einschränkungen Barrierefreies Webdesign 5
17 Blindheit Sehbehinderung Gehörbehinderung Arten von Einschränkungen Barrierefreies Webdesign 5
18 Arten von Einschränkungen Blindheit Sehbehinderung Gehörbehinderung Blindheit und Taubheit Barrierefreies Webdesign 5
19 Arten von Einschränkungen Blindheit Sehbehinderung Gehörbehinderung Blindheit und Taubheit Einschränkungen in der Bewegung Barrierefreies Webdesign 5
20 Arten von Einschränkungen Blindheit Sehbehinderung Gehörbehinderung Blindheit und Taubheit Einschränkungen in der Bewegung Photosensitive Epilepsie Barrierefreies Webdesign 5
21 Arten von Einschränkungen Blindheit Sehbehinderung Gehörbehinderung Blindheit und Taubheit Einschränkungen in der Bewegung Photosensitive Epilepsie Lernschwierigkeit Barrierefreies Webdesign 5
22 Arten von Einschränkungen Blindheit Sehbehinderung Gehörbehinderung Blindheit und Taubheit Einschränkungen in der Bewegung Photosensitive Epilepsie Lernschwierigkeit Dyslexie Barrierefreies Webdesign 5
23 Arten von Einschränkungen (2) Webseite in Fremdsprache Barrierefreies Webdesign 6
24 Arten von Einschränkungen (2) Webseite in Fremdsprache Handheld-Nutzer Barrierefreies Webdesign 6
25 Arten von Einschränkungen (2) Webseite in Fremdsprache Handheld-Nutzer Text-Browser-Surfer Barrierefreies Webdesign 6
26 Arten von Einschränkungen (2) Webseite in Fremdsprache Handheld-Nutzer Text-Browser-Surfer Geteilte Konzentration Barrierefreies Webdesign 6
27 Arten von Einschränkungen (2) Webseite in Fremdsprache Handheld-Nutzer Text-Browser-Surfer Geteilte Konzentration Unruhige/Laute Umgebung Barrierefreies Webdesign 6
28 Arten von Einschränkungen (2) Webseite in Fremdsprache Handheld-Nutzer Text-Browser-Surfer Geteilte Konzentration Unruhige/Laute Umgebung Nicht-Menschlich: Suchmaschine Barrierefreies Webdesign 6
29 Technische Ausführung Text-Äquivalente Barrierefreies Webdesign 7
30 Technische Ausführung Text-Äquivalente Korrekte Syntax Barrierefreies Webdesign 7
31 Technische Ausführung Text-Äquivalente Korrekte Syntax Semantik, Trennung von Präsentation Barrierefreies Webdesign 7
32 Technische Ausführung Text-Äquivalente Korrekte Syntax Semantik, Trennung von Präsentation Präsentation durch CSS Barrierefreies Webdesign 7
33 Technische Ausführung Text-Äquivalente Korrekte Syntax Semantik, Trennung von Präsentation Präsentation durch CSS Farbwahl/Farbunabhängigkeit Barrierefreies Webdesign 7
34 Technische Ausführung Text-Äquivalente Korrekte Syntax Semantik, Trennung von Präsentation Präsentation durch CSS Farbwahl/Farbunabhängigkeit Layout-Techniken Barrierefreies Webdesign 7
35 Technische Ausführung Text-Äquivalente Korrekte Syntax Semantik, Trennung von Präsentation Präsentation durch CSS Farbwahl/Farbunabhängigkeit Layout-Techniken Sprachauszeichnungen Barrierefreies Webdesign 7
36 Technische Ausführung Text-Äquivalente Korrekte Syntax Semantik, Trennung von Präsentation Präsentation durch CSS Farbwahl/Farbunabhängigkeit Layout-Techniken Sprachauszeichnungen Tipps zu Links Barrierefreies Webdesign 7
37 Zugängliche Formulare Barrierefreies Webdesign 8
38 Zugängliche Formulare Zugängliche Datentabellen Barrierefreies Webdesign 8
39 Zugängliche Formulare Zugängliche Datentabellen Einfacher Aufbau/Sprache Barrierefreies Webdesign 8
40 Zugängliche Formulare Zugängliche Datentabellen Einfacher Aufbau/Sprache Weitere Navigationshilfen Barrierefreies Webdesign 8
41 Zugängliche Formulare Zugängliche Datentabellen Einfacher Aufbau/Sprache Weitere Navigationshilfen Flackern/Bewegung/Refreshes Barrierefreies Webdesign 8
42 Zugängliche Formulare Zugängliche Datentabellen Einfacher Aufbau/Sprache Weitere Navigationshilfen Flackern/Bewegung/Refreshes Weitere CSS-Techniken Barrierefreies Webdesign 8
43 Zugängliche Formulare Zugängliche Datentabellen Einfacher Aufbau/Sprache Weitere Navigationshilfen Flackern/Bewegung/Refreshes Weitere CSS-Techniken Geräteunabhängigkeit, Dyn. Elemente Barrierefreies Webdesign 8
44 Zugängliche Formulare Zugängliche Datentabellen Einfacher Aufbau/Sprache Weitere Navigationshilfen Flackern/Bewegung/Refreshes Weitere CSS-Techniken Geräteunabhängigkeit, Dyn. Elemente Metadaten Barrierefreies Webdesign 8
45 Zugängliche Formulare Zugängliche Datentabellen Einfacher Aufbau/Sprache Weitere Navigationshilfen Flackern/Bewegung/Refreshes Weitere CSS-Techniken Geräteunabhängigkeit, Dyn. Elemente Metadaten Sonstiges Barrierefreies Webdesign 8
46 Text-Äquivalente Text-Äquivalente für Bilder, Video, Sound, Applets, Scripts Barrierefreies Webdesign 9
47 Text-Äquivalente Text-Äquivalente für Bilder, Video, Sound, Applets, Scripts Sinnvolle Alternativtexte, das alt-attribut Barrierefreies Webdesign 9
48 Text-Äquivalente Text-Äquivalente für Bilder, Video, Sound, Applets, Scripts Sinnvolle Alternativtexte, das alt-attribut = Kurze Beschreibung, keine ganzen Sätze Barrierefreies Webdesign 9
49 Text-Äquivalente Text-Äquivalente für Bilder, Video, Sound, Applets, Scripts Sinnvolle Alternativtexte, das alt-attribut = Kurze Beschreibung, keine ganzen Sätze = Nur dekorative Bilder mit alt=" " Barrierefreies Webdesign 9
50 Text-Äquivalente Text-Äquivalente für Bilder, Video, Sound, Applets, Scripts Sinnvolle Alternativtexte, das alt-attribut = Kurze Beschreibung, keine ganzen Sätze = Nur dekorative Bilder mit alt=" " = Link-Bilder: Beschreibung des Linkziels Barrierefreies Webdesign 9
51 Text-Äquivalente Text-Äquivalente für Bilder, Video, Sound, Applets, Scripts Sinnvolle Alternativtexte, das alt-attribut = Kurze Beschreibung, keine ganzen Sätze = Nur dekorative Bilder mit alt=" " = Link-Bilder: Beschreibung des Linkziels Lange Beschreibungen mit longdesc="foo.html" Barrierefreies Webdesign 9
52 Text-Äquivalente Text-Äquivalente für Bilder, Video, Sound, Applets, Scripts Sinnvolle Alternativtexte, das alt-attribut = Kurze Beschreibung, keine ganzen Sätze = Nur dekorative Bilder mit alt=" " = Link-Bilder: Beschreibung des Linkziels Lange Beschreibungen mit longdesc="foo.html" Problematisch: PDF-Dokumente (X)HTML-Alternative Barrierefreies Webdesign 9
53 Text-Äquivalente Text-Äquivalente für Bilder, Video, Sound, Applets, Scripts Sinnvolle Alternativtexte, das alt-attribut = Kurze Beschreibung, keine ganzen Sätze = Nur dekorative Bilder mit alt=" " = Link-Bilder: Beschreibung des Linkziels Lange Beschreibungen mit longdesc="foo.html" Problematisch: PDF-Dokumente (X)HTML-Alternative Redundante Links für Image-Maps Barrierefreies Webdesign 9
54 Korrekte Syntax Korrekte Syntax Barrierefreies Webdesign 10
55 Korrekte Syntax Korrekte Syntax Validiertes (X)HTML: Validiertes CSS: = Dadurch korrekte Anzeige gewährleistet Barrierefreies Webdesign 10
56 Korrekte Syntax Korrekte Syntax Validiertes (X)HTML: Validiertes CSS: = Dadurch korrekte Anzeige gewährleistet Effektive Trennung von Präsentation mit (X)HTML Strict Barrierefreies Webdesign 10
57 Korrekte Syntax Korrekte Syntax Validiertes (X)HTML: Validiertes CSS: = Dadurch korrekte Anzeige gewährleistet Effektive Trennung von Präsentation mit (X)HTML Strict Auslieferung von XHTML 1.0 als text/html, Rückwärts- Kompatibilität Barrierefreies Webdesign 10
58 Semantik, Trennung von Präsentation Semantische Nutzung von (X)HTML-Elementen Barrierefreies Webdesign 11
59 Semantik, Trennung von Präsentation Semantische Nutzung von (X)HTML-Elementen h1 bis h6 für Überschriften, korrekte Schachtelung Barrierefreies Webdesign 11
60 Semantik, Trennung von Präsentation Semantische Nutzung von (X)HTML-Elementen h1 bis h6 für Überschriften, korrekte Schachtelung em und strong zur Betonung von Text Barrierefreies Webdesign 11
61 Semantik, Trennung von Präsentation Semantische Nutzung von (X)HTML-Elementen h1 bis h6 für Überschriften, korrekte Schachtelung em und strong zur Betonung von Text var, kbd, code, dfn, cite, samp, ins, del Barrierefreies Webdesign 11
62 Semantik, Trennung von Präsentation Semantische Nutzung von (X)HTML-Elementen h1 bis h6 für Überschriften, korrekte Schachtelung em und strong zur Betonung von Text var, kbd, code, dfn, cite, samp, ins, del Vermeiden folgender Elemente: (base)font, applet, center, dir, menu, s, strike, u, isindex, frame Barrierefreies Webdesign 11
63 Semantik, Trennung von Präsentation Semantische Nutzung von (X)HTML-Elementen h1 bis h6 für Überschriften, korrekte Schachtelung em und strong zur Betonung von Text var, kbd, code, dfn, cite, samp, ins, del Vermeiden folgender Elemente: (base)font, applet, center, dir, menu, s, strike, u, isindex, frame Präsentations-Elemente big, small, i, b, tt, pre, br Barrierefreies Webdesign 11
64 Semantik, Trennung von Präsentation Semantische Nutzung von (X)HTML-Elementen h1 bis h6 für Überschriften, korrekte Schachtelung em und strong zur Betonung von Text var, kbd, code, dfn, cite, samp, ins, del Vermeiden folgender Elemente: (base)font, applet, center, dir, menu, s, strike, u, isindex, frame Präsentations-Elemente big, small, i, b, tt, pre, br Auftrennen von Text in Absätze mit <p> Barrierefreies Webdesign 11
65 Präsentation durch CSS CSS, sogenannte Cascading Style Sheets regeln das Aussehen der einzelnen (X)HTML-Elemente Barrierefreies Webdesign 12
66 Präsentation durch CSS CSS, sogenannte Cascading Style Sheets regeln das Aussehen der einzelnen (X)HTML-Elemente Global in externer Datei, einbinden mit <link rel="stylesheet" src="css/foo.css" /> Barrierefreies Webdesign 12
67 Präsentation durch CSS CSS, sogenannte Cascading Style Sheets regeln das Aussehen der einzelnen (X)HTML-Elemente Global in externer Datei, einbinden mit <link rel="stylesheet" src="css/foo.css" /> = Konsistentes Layout auf allen Seiten Barrierefreies Webdesign 12
68 Präsentation durch CSS CSS, sogenannte Cascading Style Sheets regeln das Aussehen der einzelnen (X)HTML-Elemente Global in externer Datei, einbinden mit <link rel="stylesheet" src="css/foo.css" /> = Konsistentes Layout auf allen Seiten Verschiedene Ausgabemedien mit media="...": screen, print, handheld, projection, aural Barrierefreies Webdesign 12
69 Präsentation durch CSS CSS, sogenannte Cascading Style Sheets regeln das Aussehen der einzelnen (X)HTML-Elemente Global in externer Datei, einbinden mit <link rel="stylesheet" src="css/foo.css" /> = Konsistentes Layout auf allen Seiten Verschiedene Ausgabemedien mit media="...": screen, print, handheld, projection, aural Vorteil: Komplett überschreibbar vom User Barrierefreies Webdesign 12
70 Farbwahl/Farbunabhängigkeit Ausreichender Kontrast Barrierefreies Webdesign 13
71 Farbwahl/Farbunabhängigkeit Ausreichender Kontrast Für Farbblindheit unproblematische Farbkombinationen Barrierefreies Webdesign 13
72 Farbwahl/Farbunabhängigkeit Ausreichender Kontrast Für Farbblindheit unproblematische Farbkombinationen Gleiches gilt auch für alle Bilder im Dokument Barrierefreies Webdesign 13
73 Farbwahl/Farbunabhängigkeit Ausreichender Kontrast Für Farbblindheit unproblematische Farbkombinationen Gleiches gilt auch für alle Bilder im Dokument Unabhängigkeit von Farbe = Monochrome oder Nichtgrafische Ausgabe Barrierefreies Webdesign 13
74 Farbwahl/Farbunabhängigkeit Ausreichender Kontrast Für Farbblindheit unproblematische Farbkombinationen Gleiches gilt auch für alle Bilder im Dokument Unabhängigkeit von Farbe = Monochrome oder Nichtgrafische Ausgabe Information wird nicht durch Farbe allein ausgedrückt Barrierefreies Webdesign 13
75 Farbwahl/Farbunabhängigkeit Ausreichender Kontrast Für Farbblindheit unproblematische Farbkombinationen Gleiches gilt auch für alle Bilder im Dokument Unabhängigkeit von Farbe = Monochrome oder Nichtgrafische Ausgabe Information wird nicht durch Farbe allein ausgedrückt Definition der Farben per CSS (Mit Zahlen) Barrierefreies Webdesign 13
76 Layout: Nachteile von Frames Schlechte Accessibility Barrierefreies Webdesign 14
77 Layout: Nachteile von Frames Schlechte Accessibility Browserunterstützung, Unterstützung auf Handhelds, etc. Barrierefreies Webdesign 14
78 Layout: Nachteile von Frames Schlechte Accessibility Browserunterstützung, Unterstützung auf Handhelds, etc. Link-Freiheit, Lesezeichen Barrierefreies Webdesign 14
79 Layout: Nachteile von Frames Schlechte Accessibility Browserunterstützung, Unterstützung auf Handhelds, etc. Link-Freiheit, Lesezeichen Probleme mit der Druckversion Barrierefreies Webdesign 14
80 Layout: Nachteile von Frames Schlechte Accessibility Browserunterstützung, Unterstützung auf Handhelds, etc. Link-Freiheit, Lesezeichen Probleme mit der Druckversion Probleme mit Suchmaschinen Barrierefreies Webdesign 14
81 Layout: Nachteile von Frames Schlechte Accessibility Browserunterstützung, Unterstützung auf Handhelds, etc. Link-Freiheit, Lesezeichen Probleme mit der Druckversion Probleme mit Suchmaschinen Höherer Wartungsaufwand, target-attribut Barrierefreies Webdesign 14
82 Layout: Nachteile von Frames Schlechte Accessibility Browserunterstützung, Unterstützung auf Handhelds, etc. Link-Freiheit, Lesezeichen Probleme mit der Druckversion Probleme mit Suchmaschinen Höherer Wartungsaufwand, target-attribut Schlechtere Performance, <noframes>-element Barrierefreies Webdesign 14
83 Layout: Nachteile von Tabellen Schlechte Accessibility Barrierefreies Webdesign 15
84 Layout: Nachteile von Tabellen Schlechte Accessibility Keine Sematik-Datentabelle Barrierefreies Webdesign 15
85 Layout: Nachteile von Tabellen Schlechte Accessibility Keine Sematik-Datentabelle Navigation an der Seite nicht fixed Barrierefreies Webdesign 15
86 Layout: Nachteile von Tabellen Schlechte Accessibility Keine Sematik-Datentabelle Navigation an der Seite nicht fixed Aufgeblähter (X)HTML-Code, Schlechte Performance Barrierefreies Webdesign 15
87 Layout: Nachteile von Tabellen Schlechte Accessibility Keine Sematik-Datentabelle Navigation an der Seite nicht fixed Aufgeblähter (X)HTML-Code, Schlechte Performance Darstellung erst, wenn Tabelle komplett geladen Barrierefreies Webdesign 15
88 Layout: Nachteile von Tabellen Schlechte Accessibility Keine Sematik-Datentabelle Navigation an der Seite nicht fixed Aufgeblähter (X)HTML-Code, Schlechte Performance Darstellung erst, wenn Tabelle komplett geladen Probleme mit der Druckversion Barrierefreies Webdesign 15
89 Layout: Nachteile von Tabellen Schlechte Accessibility Keine Sematik-Datentabelle Navigation an der Seite nicht fixed Aufgeblähter (X)HTML-Code, Schlechte Performance Darstellung erst, wenn Tabelle komplett geladen Probleme mit der Druckversion Kein Support auf Handhelds, etc. Barrierefreies Webdesign 15
90 Der Ausweg: Layout mit CSS Beschreibung des Layouts mit Block-Einheiten (div) Barrierefreies Webdesign 16
91 Der Ausweg: Layout mit CSS Beschreibung des Layouts mit Block-Einheiten (div) Lineare Struktur der Webseite, Trennung von Präsentation Barrierefreies Webdesign 16
92 Der Ausweg: Layout mit CSS Beschreibung des Layouts mit Block-Einheiten (div) Lineare Struktur der Webseite, Trennung von Präsentation Position immer an der Seite: position: fixed Barrierefreies Webdesign 16
93 Der Ausweg: Layout mit CSS Beschreibung des Layouts mit Block-Einheiten (div) Lineare Struktur der Webseite, Trennung von Präsentation Position immer an der Seite: position: fixed Individuelle Navigations-Änderungen auf Unterseiten Barrierefreies Webdesign 16
94 Der Ausweg: Layout mit CSS Beschreibung des Layouts mit Block-Einheiten (div) Lineare Struktur der Webseite, Trennung von Präsentation Position immer an der Seite: position: fixed Individuelle Navigations-Änderungen auf Unterseiten Navigation ausblenden in der Druckversion Barrierefreies Webdesign 16
95 Der Ausweg: Layout mit CSS Beschreibung des Layouts mit Block-Einheiten (div) Lineare Struktur der Webseite, Trennung von Präsentation Position immer an der Seite: position: fixed Individuelle Navigations-Änderungen auf Unterseiten Navigation ausblenden in der Druckversion Bessere Accessibility, Sauberer Code, Gute Performance Barrierefreies Webdesign 16
96 Der Ausweg: Layout mit CSS Beschreibung des Layouts mit Block-Einheiten (div) Lineare Struktur der Webseite, Trennung von Präsentation Position immer an der Seite: position: fixed Individuelle Navigations-Änderungen auf Unterseiten Navigation ausblenden in der Druckversion Bessere Accessibility, Sauberer Code, Gute Performance Automatische Scrollleisten: overflow: auto Barrierefreies Webdesign 16
97 Der Ausweg: Layout mit CSS Beschreibung des Layouts mit Block-Einheiten (div) Lineare Struktur der Webseite, Trennung von Präsentation Position immer an der Seite: position: fixed Individuelle Navigations-Änderungen auf Unterseiten Navigation ausblenden in der Druckversion Bessere Accessibility, Sauberer Code, Gute Performance Automatische Scrollleisten: overflow: auto Mit Würgaround auch im Internet Explorer Barrierefreies Webdesign 16
98 Dynamisches Layout Relative Einheiten für Schriftgröße: %, em Barrierefreies Webdesign 17
99 Dynamisches Layout Relative Einheiten für Schriftgröße: %, em Vermeiden absoluter Einheiten: pt, cm, mm, in, pc Barrierefreies Webdesign 17
100 Dynamisches Layout Relative Einheiten für Schriftgröße: %, em Vermeiden absoluter Einheiten: pt, cm, mm, in, pc Alle Größenangaben relativ: %, em, ex = Vergrößern der Schrift nicht möglich, Layout fliegt auseinander. Barrierefreies Webdesign 17
101 Dynamisches Layout Relative Einheiten für Schriftgröße: %, em Vermeiden absoluter Einheiten: pt, cm, mm, in, pc Alle Größenangaben relativ: %, em, ex = Vergrößern der Schrift nicht möglich, Layout fliegt auseinander. Vermeiden von Pixelangaben: px Barrierefreies Webdesign 17
102 Dynamisches Layout Relative Einheiten für Schriftgröße: %, em Vermeiden absoluter Einheiten: pt, cm, mm, in, pc Alle Größenangaben relativ: %, em, ex = Vergrößern der Schrift nicht möglich, Layout fliegt auseinander. Vermeiden von Pixelangaben: px Spezialtechnik: Relative Image Resizing Barrierefreies Webdesign 17
103 Sprachauszeichnungen Auszeichnen der gesamten Dokumentsprache: <html lang="de" xml:lang="de"> Barrierefreies Webdesign 18
104 Sprachauszeichnungen Auszeichnen der gesamten Dokumentsprache: <html lang="de" xml:lang="de"> Auszeichnen aller Sprachänderungen: <span lang="en"> Barrierefreies Webdesign 18
105 Sprachauszeichnungen Auszeichnen der gesamten Dokumentsprache: <html lang="de" xml:lang="de"> Auszeichnen aller Sprachänderungen: <span lang="en"> = Probleme mit Screen-Readern, Sprachbrowsern Barrierefreies Webdesign 18
106 Sprachauszeichnungen Auszeichnen der gesamten Dokumentsprache: <html lang="de" xml:lang="de"> Auszeichnen aller Sprachänderungen: <span lang="en"> = Probleme mit Screen-Readern, Sprachbrowsern Abkürzungen mit <acronym> und <abbr> Barrierefreies Webdesign 18
107 Sprachauszeichnungen Auszeichnen der gesamten Dokumentsprache: <html lang="de" xml:lang="de"> Auszeichnen aller Sprachänderungen: <span lang="en"> = Probleme mit Screen-Readern, Sprachbrowsern Abkürzungen mit <acronym> und <abbr> Zitate mit <blockquote> und <q> Barrierefreies Webdesign 18
108 Sinnvolle Link-Texte Tipps zu Links Barrierefreies Webdesign 19
109 Tipps zu Links Sinnvolle Link-Texte Verständlich auch außerhalb des Kontextes Barrierefreies Webdesign 19
110 Tipps zu Links Sinnvolle Link-Texte Verständlich auch außerhalb des Kontextes title="..." für weitere Erläuterung Barrierefreies Webdesign 19
111 Tipps zu Links Sinnvolle Link-Texte Verständlich auch außerhalb des Kontextes title="..." für weitere Erläuterung Keine javascript-links! Barrierefreies Webdesign 19
112 Tipps zu Links Sinnvolle Link-Texte Verständlich auch außerhalb des Kontextes title="..." für weitere Erläuterung Keine javascript-links! (Böse!) Barrierefreies Webdesign 19
113 Tipps zu Links Sinnvolle Link-Texte Verständlich auch außerhalb des Kontextes title="..." für weitere Erläuterung Keine javascript-links! (Böse!) Durch Links keine neuen Fenster öffnen Barrierefreies Webdesign 19
114 Tipps zu Links Sinnvolle Link-Texte Verständlich auch außerhalb des Kontextes title="..." für weitere Erläuterung Keine javascript-links! (Böse!) Durch Links keine neuen Fenster öffnen Link-Gruppen überspringbar Barrierefreies Webdesign 19
115 Tipps zu Links Sinnvolle Link-Texte Verständlich auch außerhalb des Kontextes title="..." für weitere Erläuterung Keine javascript-links! (Böse!) Durch Links keine neuen Fenster öffnen Link-Gruppen überspringbar Kleine Symbole vor besonderen Links Barrierefreies Webdesign 19
116 Tipps zu Links Sinnvolle Link-Texte Verständlich auch außerhalb des Kontextes title="..." für weitere Erläuterung Keine javascript-links! (Böse!) Durch Links keine neuen Fenster öffnen Link-Gruppen überspringbar Kleine Symbole vor besonderen Links Druckbare Zeichen zwischen Links Barrierefreies Webdesign 19
117 Zugängliche Formulare Layout mit float anstatt Tabellen Barrierefreies Webdesign 20
118 Zugängliche Formulare Layout mit float anstatt Tabellen Labels mit Zugehörigkeit: <label for=""> Barrierefreies Webdesign 20
119 Zugängliche Formulare Layout mit float anstatt Tabellen Labels mit Zugehörigkeit: <label for=""> Gruppierung: fieldset, optgroup Barrierefreies Webdesign 20
120 Zugängliche Formulare Layout mit float anstatt Tabellen Labels mit Zugehörigkeit: <label for=""> Gruppierung: fieldset, optgroup Tab-Reinfolge, Zugriffstasten Barrierefreies Webdesign 20
121 Zugängliche Formulare Layout mit float anstatt Tabellen Labels mit Zugehörigkeit: <label for=""> Gruppierung: fieldset, optgroup Tab-Reinfolge, Zugriffstasten Platzhalter im Formular platzieren Barrierefreies Webdesign 20
122 Zugängliche Formulare Layout mit float anstatt Tabellen Labels mit Zugehörigkeit: <label for=""> Gruppierung: fieldset, optgroup Tab-Reinfolge, Zugriffstasten Platzhalter im Formular platzieren Deutlicher Fokus mit CSS: :focus Barrierefreies Webdesign 20
123 Zugängliche Datentabellen Tabellen-Header mit <th> Barrierefreies Webdesign 21
124 Zugängliche Datentabellen Tabellen-Header mit <th> Abkürzungen für lange Spalten/Zeilen-Überschriften Barrierefreies Webdesign 21
125 Zugängliche Datentabellen Tabellen-Header mit <th> Abkürzungen für lange Spalten/Zeilen-Überschriften scope/headers/axis für Spalten/Reihenzuordnung Barrierefreies Webdesign 21
126 Zugängliche Datentabellen Tabellen-Header mit <th> Abkürzungen für lange Spalten/Zeilen-Überschriften scope/headers/axis für Spalten/Reihenzuordnung Tabellenüberschrift mit dem <caption>-element Barrierefreies Webdesign 21
127 Zugängliche Datentabellen Tabellen-Header mit <th> Abkürzungen für lange Spalten/Zeilen-Überschriften scope/headers/axis für Spalten/Reihenzuordnung Tabellenüberschrift mit dem <caption>-element Zusammenfassung der Tabelle mit dem summary-attribut Barrierefreies Webdesign 21
128 Zugängliche Datentabellen Tabellen-Header mit <th> Abkürzungen für lange Spalten/Zeilen-Überschriften scope/headers/axis für Spalten/Reihenzuordnung Tabellenüberschrift mit dem <caption>-element Zusammenfassung der Tabelle mit dem summary-attribut Unterteilung: thead/tbody/tfoot Barrierefreies Webdesign 21
129 Einfache Sprache Einfacher Aufbau/Sprache Barrierefreies Webdesign 22
130 Einfacher Aufbau/Sprache Einfache Sprache Konsistenter Stil/Navigation, Übersichtlichkeit Barrierefreies Webdesign 22
131 Einfacher Aufbau/Sprache Einfache Sprache Konsistenter Stil/Navigation, Übersichtlichkeit Orientierungs-Erleichterung durch Bilder Barrierefreies Webdesign 22
132 Einfacher Aufbau/Sprache Einfache Sprache Konsistenter Stil/Navigation, Übersichtlichkeit Orientierungs-Erleichterung durch Bilder Front-Loading: Das Wichtigste an den Anfang Barrierefreies Webdesign 22
133 Einfacher Aufbau/Sprache Einfache Sprache Konsistenter Stil/Navigation, Übersichtlichkeit Orientierungs-Erleichterung durch Bilder Front-Loading: Das Wichtigste an den Anfang Fremdwörter vermeiden, Worterklärungen/Glossar anbieten Barrierefreies Webdesign 22
134 Einfacher Aufbau/Sprache Einfache Sprache Konsistenter Stil/Navigation, Übersichtlichkeit Orientierungs-Erleichterung durch Bilder Front-Loading: Das Wichtigste an den Anfang Fremdwörter vermeiden, Worterklärungen/Glossar anbieten Vereinfachen des Überfliegen von Text Barrierefreies Webdesign 22
135 Einfacher Aufbau/Sprache Einfache Sprache Konsistenter Stil/Navigation, Übersichtlichkeit Orientierungs-Erleichterung durch Bilder Front-Loading: Das Wichtigste an den Anfang Fremdwörter vermeiden, Worterklärungen/Glossar anbieten Vereinfachen des Überfliegen von Text = Viel Struktur, Überschriften Barrierefreies Webdesign 22
136 Einfacher Aufbau/Sprache Einfache Sprache Konsistenter Stil/Navigation, Übersichtlichkeit Orientierungs-Erleichterung durch Bilder Front-Loading: Das Wichtigste an den Anfang Fremdwörter vermeiden, Worterklärungen/Glossar anbieten Vereinfachen des Überfliegen von Text = Viel Struktur, Überschriften = Listen, Hervorhebungen,... Barrierefreies Webdesign 22
137 Weitere Navigationshilfen Anbieten einer Seitenübersicht (Sitemap) Barrierefreies Webdesign 23
138 Weitere Navigationshilfen Anbieten einer Seitenübersicht (Sitemap) Nutzer finden sich besser zurecht Barrierefreies Webdesign 23
139 Weitere Navigationshilfen Anbieten einer Seitenübersicht (Sitemap) Nutzer finden sich besser zurecht Kurze Pfade für Menschen mit körperlicher Behinderung Barrierefreies Webdesign 23
140 Weitere Navigationshilfen Anbieten einer Seitenübersicht (Sitemap) Nutzer finden sich besser zurecht Kurze Pfade für Menschen mit körperlicher Behinderung Suchmaschinen finden Unterseiten besser Barrierefreies Webdesign 23
141 Weitere Navigationshilfen Anbieten einer Seitenübersicht (Sitemap) Nutzer finden sich besser zurecht Kurze Pfade für Menschen mit körperlicher Behinderung Suchmaschinen finden Unterseiten besser Anbieten einer site-internen Suche Barrierefreies Webdesign 23
142 Weitere Navigationshilfen Anbieten einer Seitenübersicht (Sitemap) Nutzer finden sich besser zurecht Kurze Pfade für Menschen mit körperlicher Behinderung Suchmaschinen finden Unterseiten besser Anbieten einer site-internen Suche Atomz ( oder mit PHP, CGI Barrierefreies Webdesign 23
143 Weitere Navigationshilfen Anbieten einer Seitenübersicht (Sitemap) Nutzer finden sich besser zurecht Kurze Pfade für Menschen mit körperlicher Behinderung Suchmaschinen finden Unterseiten besser Anbieten einer site-internen Suche Atomz ( oder mit PHP, CGI Toleranz gegenüber Rechtschreibfehlern, etc. Barrierefreies Webdesign 23
144 Weitere Navigationshilfen Anbieten einer Seitenübersicht (Sitemap) Nutzer finden sich besser zurecht Kurze Pfade für Menschen mit körperlicher Behinderung Suchmaschinen finden Unterseiten besser Anbieten einer site-internen Suche Atomz ( oder mit PHP, CGI Toleranz gegenüber Rechtschreibfehlern, etc. Alternativ: Stichwortverzeichnis Barrierefreies Webdesign 23
145 Flackern/Bewegung/Refreshes Flackern kann eine photosensitive Epilepsie auslösen Barrierefreies Webdesign 24
146 Flackern/Bewegung/Refreshes Flackern kann eine photosensitive Epilepsie auslösen Lernbehinderung: Ablenkung durch Bewegung Barrierefreies Webdesign 24
147 Flackern/Bewegung/Refreshes Flackern kann eine photosensitive Epilepsie auslösen Lernbehinderung: Ablenkung durch Bewegung Vermieden von Refreshes/Redirects Barrierefreies Webdesign 24
148 Flackern/Bewegung/Refreshes Flackern kann eine photosensitive Epilepsie auslösen Lernbehinderung: Ablenkung durch Bewegung Vermieden von Refreshes/Redirects = Lernbehinderungen brauchen mehr Zeit zum Lesen Barrierefreies Webdesign 24
149 Flackern/Bewegung/Refreshes Flackern kann eine photosensitive Epilepsie auslösen Lernbehinderung: Ablenkung durch Bewegung Vermieden von Refreshes/Redirects = Lernbehinderungen brauchen mehr Zeit zum Lesen = Formulare müssen neu ausgefüllt werden Barrierefreies Webdesign 24
150 Flackern/Bewegung/Refreshes Flackern kann eine photosensitive Epilepsie auslösen Lernbehinderung: Ablenkung durch Bewegung Vermieden von Refreshes/Redirects = Lernbehinderungen brauchen mehr Zeit zum Lesen = Formulare müssen neu ausgefüllt werden = Refreshes verwirren den Nutzer meist Barrierefreies Webdesign 24
151 Flackern/Bewegung/Refreshes Flackern kann eine photosensitive Epilepsie auslösen Lernbehinderung: Ablenkung durch Bewegung Vermieden von Refreshes/Redirects = Lernbehinderungen brauchen mehr Zeit zum Lesen = Formulare müssen neu ausgefüllt werden = Refreshes verwirren den Nutzer meist = Screen-Reader lesen alles nochmal von vorne Barrierefreies Webdesign 24
152 Flackern/Bewegung/Refreshes Flackern kann eine photosensitive Epilepsie auslösen Lernbehinderung: Ablenkung durch Bewegung Vermieden von Refreshes/Redirects = Lernbehinderungen brauchen mehr Zeit zum Lesen = Formulare müssen neu ausgefüllt werden = Refreshes verwirren den Nutzer meist = Screen-Reader lesen alles nochmal von vorne Vermeiden von Auswahlboxen, die automatisch refreshen Barrierefreies Webdesign 24
153 Weitere CSS-Techniken Listen-Stil mit CSS festlegen, Grafik-Bullets Barrierefreies Webdesign 25
154 Weitere CSS-Techniken Listen-Stil mit CSS festlegen, Grafik-Bullets word/letter-spacing, anstatt richtige Leerzeichen Barrierefreies Webdesign 25
155 Weitere CSS-Techniken Listen-Stil mit CSS festlegen, Grafik-Bullets word/letter-spacing, anstatt richtige Leerzeichen Positionierung mit CSS, Umgebenden Platz bestimmen, anstatt zu verwenden. (margin) Barrierefreies Webdesign 25
156 Weitere CSS-Techniken Listen-Stil mit CSS festlegen, Grafik-Bullets word/letter-spacing, anstatt richtige Leerzeichen Positionierung mit CSS, Umgebenden Platz bestimmen, anstatt zu verwenden. (margin) :hover, :focus, :active gut sichtbar machen. Barrierefreies Webdesign 25
157 Weitere CSS-Techniken Listen-Stil mit CSS festlegen, Grafik-Bullets word/letter-spacing, anstatt richtige Leerzeichen Positionierung mit CSS, Umgebenden Platz bestimmen, anstatt zu verwenden. (margin) :hover, :focus, :active gut sichtbar machen. text-transform anstatt unkorrekte Schreibung zu Präsentationszwecken. Barrierefreies Webdesign 25
158 Geräteunabhängigkeit, Dyn. Elemente Webseite komplett bedienbar ohne JavaScript, Java Applets, ActiveX, Flash und andere Plugins Barrierefreies Webdesign 26
159 Geräteunabhängigkeit, Dyn. Elemente Webseite komplett bedienbar ohne JavaScript, Java Applets, ActiveX, Flash und andere Plugins Ganz böse: JavaScript-Browserweichen! Barrierefreies Webdesign 26
160 Geräteunabhängigkeit, Dyn. Elemente Webseite komplett bedienbar ohne JavaScript, Java Applets, ActiveX, Flash und andere Plugins Ganz böse: JavaScript-Browserweichen! Trennung von Struktur und Verhalten Barrierefreies Webdesign 26
161 Geräteunabhängigkeit, Dyn. Elemente Webseite komplett bedienbar ohne JavaScript, Java Applets, ActiveX, Flash und andere Plugins Ganz böse: JavaScript-Browserweichen! Trennung von Struktur und Verhalten Webseite bedienbar ohne Maus, JavaScript: onclick Barrierefreies Webdesign 26
162 Geräteunabhängigkeit, Dyn. Elemente Webseite komplett bedienbar ohne JavaScript, Java Applets, ActiveX, Flash und andere Plugins Ganz böse: JavaScript-Browserweichen! Trennung von Struktur und Verhalten Webseite bedienbar ohne Maus, JavaScript: onclick Zukunft des Web: Multimodal Interaction Barrierefreies Webdesign 26
163 Geräteunabhängigkeit, Dyn. Elemente Webseite komplett bedienbar ohne JavaScript, Java Applets, ActiveX, Flash und andere Plugins Ganz böse: JavaScript-Browserweichen! Trennung von Struktur und Verhalten Webseite bedienbar ohne Maus, JavaScript: onclick Zukunft des Web: Multimodal Interaction Java Accessibility API Barrierefreies Webdesign 26
164 Metadaten Sinnvoller Dokumententitel Barrierefreies Webdesign 27
165 Metadaten Sinnvoller Dokumententitel Dokumentendefinition mit <!DOCTYPE...> Barrierefreies Webdesign 27
166 Metadaten Sinnvoller Dokumententitel Dokumentendefinition mit <!DOCTYPE...> Adresse des Autors mit <address> Barrierefreies Webdesign 27
167 Metadaten Sinnvoller Dokumententitel Dokumentendefinition mit <!DOCTYPE...> Adresse des Autors mit <address> <meta>-element: Metainformationen im Header http-equiv: Content-Type, Content-Language, Content- Style-Type, name: Author, Copyright, Date, Description, Keywords Barrierefreies Webdesign 27
168 Metadaten (2) <link>-element: Seitenbeziehungen untereinander rel: stylesheet, alternate, start, up, first, last, contents, help, glossary, search, index, copyright, author, icon, prev, next, chapter, section, bookmark Barrierefreies Webdesign 28
169 Metadaten (2) <link>-element: Seitenbeziehungen untereinander rel: stylesheet, alternate, start, up, first, last, contents, help, glossary, search, index, copyright, author, icon, prev, next, chapter, section, bookmark Dublin Core-Metadaten, in (X)HTML oder RDF Barrierefreies Webdesign 28
170 Metadaten (2) <link>-element: Seitenbeziehungen untereinander rel: stylesheet, alternate, start, up, first, last, contents, help, glossary, search, index, copyright, author, icon, prev, next, chapter, section, bookmark Dublin Core-Metadaten, in (X)HTML oder RDF RSS-Seitenzusammenfassungen für News-Seiten Barrierefreies Webdesign 28
171 Sonstiges Probleme mit ASCII-Zeichnungen Barrierefreies Webdesign 29
172 Sonstiges Probleme mit ASCII-Zeichnungen Typografie: Zeichen nach ihrer Bedeutung: <, >, Bindestrich: -, Gedankenstrich: ( ) Zugriffstasten mit accesskey Barrierefreies Webdesign 29
173 Sonstiges Probleme mit ASCII-Zeichnungen Typografie: Zeichen nach ihrer Bedeutung: <, >, Bindestrich: -, Gedankenstrich: ( ) Zugriffstasten mit accesskey Ausblick in die Zukunft: = XHTML 2.0, CSS 3.0 Barrierefreies Webdesign 29
174 Sonstiges Probleme mit ASCII-Zeichnungen Typografie: Zeichen nach ihrer Bedeutung: <, >, Bindestrich: -, Gedankenstrich: ( ) Zugriffstasten mit accesskey Ausblick in die Zukunft: = XHTML 2.0, CSS 3.0 = SVG, SMIL, RDF, Semantic Web Barrierefreies Webdesign 29
175 Sonstiges Probleme mit ASCII-Zeichnungen Typografie: Zeichen nach ihrer Bedeutung: <, >, Bindestrich: -, Gedankenstrich: ( ) Zugriffstasten mit accesskey Ausblick in die Zukunft: = XHTML 2.0, CSS 3.0 = SVG, SMIL, RDF, Semantic Web = WCAG 2.0, ATAG, UAAG Barrierefreies Webdesign 29
176 Quellen WAI-Arbeitsgruppe des W3C: Einfach-Für-Alle: A List Apart: Folien und weitere Informationen gibts auf unserem WiKi. Vielen Dank für Ihre Aufmerksamkeit. Barrierefreies Webdesign 30
Warum Tables doof und Divs viel besser sind
Warum Tables doof und Divs viel besser sind Web Development Fulda 03.02.2010 Dr. med. Christine Trutt-Ibing www.barrierearm-im-netz.de Barrierefreier Zugang zu einem Internetauftritt bedeutet, dass Internetanwendungen
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.
Barrierefreie Webseiten erstellen mit TYPO3
Barrierefreie Webseiten erstellen mit TYPO3 Alternativtexte Für jedes Nicht-Text-Element ist ein äquivalenter Text bereitzustellen. Dies gilt insbesondere für Bilder. In der Liste der HTML 4-Attribute
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,
Vitaminkapseln.ch - SEO Check
Vitaminkapseln.ch - SEO Check Überprüfte URL: http://www.vitaminkapseln.ch/ Erstellt am: 16.12.2015 11:00 Übersicht der SEO Analyse Suchvorschau Metaangaben 100% Seitenqualität 40% Seitenstruktur 60% Verlinkung
Tipps zur Content- Erstellung für Webseiten
Tipps zur Content- Erstellung für Webseiten Seminar BS 162 Barrierefreie Informationssysteme - Grundlagen Gerhard Nussbaum Wien, März 2015 gerhard.nussbaum@ki-i.at Grundlegendes I Klare und verständliche
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
Barrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter
Barrierefreies Web Web-Sites so gestalten, dass jeder sie nutzen und lesen kann Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Dr. Armin Schulz Inhalte Was habe ich davon? Mythen Vorteile
Webseiten erstellen für Einsteiger
Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21
Prüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
Teil I: Das Design. 1 Webdesign und Webstandards... 17. 2 Gestaltung und Layout... 51. 3 Typografie... 105. 4 Farbe 129. 5 Medien...
Teil I: Das Design 1 Webdesign und Webstandards... 17 2 Gestaltung und Layout... 51 3 Typografie... 105 4 Farbe 129 5 Medien... 145 AUF EINEN BLICK 6 Werkzeugkasten... 159 Teil II: Die Technik 7 (X)HTML
<script type="text/javascript"> <! <%= page(page.searchsuggestionsscript) %> // > </script>
1. Intelligente AutoComplete Funktion für die Volltextsuche 1.1. JQuery einbinden Falls Sie in Ihrem Shop bereits JQuery verwenden, so überprüfen Sie bitte, ob Sie alle notwendigen Dateien eingebunden
Webseiten-Bericht für shagor5.net
Webseiten-Bericht für shagor5.net Generiert am 11 Januar 2016 08:43 AM Der Wert ist 46/100 SEO Inhalte Seitentitel Free web hosting service with cpanel WordPress Joomla ecommerce hosting Länge : 79 Ideal,
Björn Seibert Manuela Hoffmann. Professionelles Webdesign I mit (X)HTML und CSS [
Björn Seibert Manuela Hoffmann Professionelles Webdesign I mit (X)HTML und CSS [ Inhalt Vorwort 11 Über das Buch 11 Über die Autoren 12 Teil I Bevor es losgeht... 15 1 Einfach moderne Websites 19 1.1 Auf
Anforderungen an ekiosk-systeme aus der Sicht von Menschen mit Behinderungen
29. Dialog ehealth Behörde für Soziales, Familie, Gesundheit und Verbraucherschutz Anforderungen an ekiosk-systeme aus der Sicht von Menschen mit Behinderungen Dipl-Soz. Karsten Warnke (BIK-Projektkoordinator)
Referenzen Frontend und PHP
Referenzen Frontend und PHP Stand: Dezember 2014 - Startseite Stand: Dezember 2014 - Seite wird mit PHP aus mysql Datenbank generiert - HTML5 und CSS3 - Aufbau mit - validiert von W3C www.georgien-nachrichten.de
Layoutmodelle. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Email:schwientek@web.de Web :schlaukopp.org
Layoutmodelle HTML wurde von ihren Erfindern nicht als Layoutsprache entworfen, sondern zur Informationsübermittlung entworfen Es gab verschiedene Modelle, welche das Web populär machten und. Bei Erstellung
Snippets - das Erstellen von "Code- Fragmenten" - 1
Snippets - das Erstellen von "Code- Fragmenten" Das Erstellen von "Code- Fragmenten", welche mit dem TinyMCE ausgewählt werden können. Grundlegendes: Die Datei, welche die in Folge erklärten Daten und
Prüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BITV-Consult c/o Conclusys Detlef Girke Accessibility-Beratung und Workshops Max-Brauer-Allee 45 22765 Hamburg Telefon:
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
Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
Informationen zu den Prüfungen «Web-Entwicklung» und «Web-Applikationen» vom 21. Januar 2015
Informationen zu den Prüfungen «Web-Entwicklung» und «Web-Applikationen» vom 21. Januar 2015 Zulassung zur Prüfung Als Zulassung zur Prüfung ist ein Blog zu führen [Notizblog]. Als Zulassung zur Prüfung
Prüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27
Content Management System (CMS) Manual
Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor
Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen.
Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen. Klicken Sie auf Neu anlegen, um Ihre neue Angebotseite zu erstellen..
CSS. Cascading Stylesheets
CSS Cascading Stylesheets Themen Was sind Cascading Stylesheets? Vorteile von CSS Nachteile von CSS CSS: Versionen Regelsyntax für Stylesheets Einem HTML-Dokument Styles hinzufügen und Numerische
ArenaSchweiz AG. CMS Concrete5.7 Erste Schritte
CMS Concrete5.7 Erste Schritte Anmelden Öffnen Sie Ihren Browser und geben Sie Ihre Website-Adresse ein, dazu «/login» Beispiel: http://www.domainname.ch/login Geben Sie Benutzername und Passwort ein und
Das hyperref-paket. Eine Einführung von TOBI A S Iffland 7. Dezember 2005
Das hyperref-paket Eine Einführung von TOBI A S Iffland 7. Dezember 2005 Dies ist eine kurze Einführung, die grob einen Überblick über die Möglichkeiten des Pakets hyperref geben will. Deswegen verweise
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
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
Webdesign mit (X)HTML und CSS
Webdesign mit (X)HTML und CSS Das Praxisbuch zum Einsteigen, Auffrischen und Vertiefen Deutsche Ausgabe der 3. englischen Auflage Jennifer Niederst Robbins Übersetzung von Kathrin Lichtenberg O'REILLY*
Format- oder Stilvorlagen
Vorraussetzung Sie sollten Grundkenntnisse der HTML-Sprache besitzen, um die Ausbildungseinheit Formatvorlagen, auch Stilvorlagen genannt, ohne Probleme verstehen zu können. Ist dies nicht der Fall, empfehlen
Regelsammlung. Navigation. Suchfunktion DO :
Regelsammlung Navigation Der Webentwickler muß verdeutlichen wo sich der Benutzer gerade befindet, welche Navigationsmöglichkeiten von einer Seite gegeben sind und welche Seiten bisher besucht worden sind.
TYPOlight-Usertreffen 2009. Barrierefreiheit?
Barrierefreiheit? Das ist doch nur für Blinde! Zu kompliziert. Zu teuer. Unsere Kunden sind nicht behindert. Müssen wir machen *seufz* sind verpflichtet Wir haben schon eine NurText-Version. Barrierefreiheit!
Homepage Design und Styleguide Gestaltungsrichtlinien für die Web-Seite T
Homepage Design und Styleguide Gestaltungsrichtlinien für die Web-Seite T Inhaltsverzeichnis Technische Grundlagen S. 2 Grundsätzliches S. 2 Typographie und Farbgebung S. 3-4 Das Logo S. 5 Text S. 5 Die
2.1 Sicherheits-Zonen... 3 2.2 ActiveX-Steuerelemente... 5 2.3 Skripting... 7 2.4 Verschiedenes... 8 3 Erweitert... 9
Einrichtungshinweise Microsoft Internet Explorer 9 Dieses Dokument beschreibt Einrichtungshinweise für den Microsoft Internet Explorer 9, die von myfactory International GmbH empfohlen werden, um myfactory
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
Barrierefreiheit von Websites und Dokumenten
Technisches Informationsblatt Nr. 9 / 1. Auflage Barrierefreiheit von Websites und Dokumenten Barrierefreiheit im Internet und bei digitalen Dokumenten bedeutet, dass alle Menschen davon profitieren, weil
Herzlich willkommen zum Papoo Workshop: Barrierefreies Internet mit Papoo
Herzlich willkommen zum Papoo Workshop: Barrierefreies Internet mit Papoo Es begrüßt Sie: Dr. Carsten Euwens Anforderungen an barrierefreie Internetseiten? Sehr hohe technische Anforderungen Sehr hohe
Modernes Webdesign mit CSS
Heiko Stiegert Modernes Webdesign mit CSS Schritt für Schritt zur perfekten Website Galileo Press Inhalt rt TEIL I Grundlagen 1 Einleitung 1.1 Was ist Webdesign? 1.1.1 Accessibility 15 1.1.2 Usability
WEBSITE STUDIE ZUR BARRIEREFREIHEIT. Accessibility ÜBER SITEIMPROVE
WEBSITE STUDIE ZUR BARRIEREFREIHEIT Accessibility ÜBER SITEIMPROVE Siteimprove stattet große und kleine Unternehmen mit intelligenten Tools aus, die Ihr Web-Management und die Wartung Ihrer Website einfacher
PHP - Projekt Personalverwaltung. Erstellt von James Schüpbach
- Projekt Personalverwaltung Erstellt von Inhaltsverzeichnis 1Planung...3 1.1Datenbankstruktur...3 1.2Klassenkonzept...4 2Realisierung...5 2.1Verwendete Techniken...5 2.2Vorgehensweise...5 2.3Probleme...6
Allgemeiner Leitfaden zum Einfügen suchmaschinenoptimierter Texte
Allgemeiner Leitfaden zum Einfügen suchmaschinenoptimierter Texte Wir von Textprovider, Anbieter von produktbeschreibung.eu möchten Ihnen mit diesem Infoblatt Basisinformationen an die Hand geben, wie
Meine erste Homepage - Beispiele
Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir
Anlegen von Serviceboxen
TYPO3 an der TU Berlin Anlegen von Serviceboxen Version: 1.0 Stand: 01.11.2007 Autor: Antje Janke Überarbeitung: Roman Zimmer 1 Inhaltsverzeichnis 1. Allgemeine Informationen......3 1.1 Was sind Serviceboxen?......3
Anleitung zur Erstellung von Serienbriefen (Word 2003) unter Berücksichtigung von Titeln (wie Dr., Dr. med. usw.)
Seite 1/7 Anleitung zur Erstellung von Serienbriefen (Word 2003) unter Berücksichtigung von Titeln (wie Dr., Dr. med. usw.) Hier sehen Sie eine Anleitung wie man einen Serienbrief erstellt. Die Anleitung
Schulung Marketing Engine Thema : Einrichtung der App
Schulung Marketing Engine Thema : Einrichtung der App Videoanleitung : http://www.edge-cdn.net/video_885168?playerskin=48100 Marketing Engine Tool : App Paket : Basis / Premium Version 2.0-03.11.2015 1
Referenz Frontend: Responsive Webdesign
Stand: Dezember 2014 Diese Referenzliste bezieht sich auf eine Webseite, von der es zwei Versionen gibt. Diese Version ist mit Hilfe des Twitter Bootstrap Frameworks für mobile Endgeräte optimiert. - Startseite
GPS Garmin MapSource - Track erstellen und nutzen
Prozesse GPS Garmin MapSource Track erstellen und nutzen Letzte Nachführung 03.04.08, 09:54:47 Datei E:\tuttobene_A-E\administration\prozesse\gps_garmin_mapsource_track_erstellen.odt Seite 1 von 12 Änderungen
Kurzreferenz Website Baker Version 2.8.1
Kurzreferenz Website Baker Version 2.8.1 Content Management Systems (CMS) Benutzerführung: Argos SunPage Gilbert Wyrsch Am Bach 30 8400 Winterthur Tel. 052 202 60 60 31.08.2010 Seite 1 Anmelden Bevor Sie
IBM SPSS Statistics Version 22. Konfigurieren von Technologie für behindertengerechte Bedienung
IBM SPSS Statistics Version 22 Konfigurieren von Technologie für behindertengerechte Bedienung Inhaltsverzeichnis Assistive Technology Software..... 1 Windows-Software............ 1 Mac OS-Software.............
Dokumentation. Mindestanforderungen: Das Board
Dokumentation Mindestanforderungen: 1. Einen Computer (Mac oder Pc) oder flash-unterstutztes System 2. Flash Player oder Browser mit Flash PlugIn 3. Das Board 4. Tondateien zum Abspielen Je mehr Tondateien
Webseiten-Bericht für duhard.fr
Webseiten-Bericht für duhard.fr Generiert am 30 Dezember 2015 05:28 AM Der Wert ist 47/100 SEO Inhalte Seitentitel Website unavailable Länge : 19 Perfekt, denn Ihr Seitentitel enthält zwischen 10 und 70
Bericht für Menschen mit Gehbehinderung und Rollstuhlfahrer
Bericht Restaurant Alfsee Piazza 1/8 Bericht für Menschen mit Gehbehinderung und Rollstuhlfahrer Innenansicht des Restaurants Restaurant Alfsee Piazza Anschrift Alfsee GmbH Am Campingpark 10 49597 Rieste
Wie kann ich in der Backstage-Ansicht eigene Dokumentationen einbinden?
Wie kann ich in der Backstage-Ansicht eigene Dokumentationen einbinden? Anforderung Durch die Bearbeitung einer XML-Datei können Sie Ihre eigenen Dokumentationen (z.b. PDF-Dateien, Microsoft Word Dokumente
Hyperlinks, Navigation, Pfade
Tutorium Hyperlinks, Navigation, Pfade 30. Juni 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Hyperlinks Hyperlinks sind Verknüpfungen zu Adressen (URL's) im Internet Links (Menüpunkte), mit denen
Webseiten-Bericht für cubi2015.ml
Webseiten-Bericht für Generiert am 16 Dezember 2015 23:54 PM Der Wert ist 52/100 SEO Inhalte Seitentitel Facebook~Spammer Länge : 16 Perfekt, denn Ihr Seitentitel enthält zwischen 10 und 70 Anzahl Zeichen.
Anleitung Artikel schreiben
Anleitung Artikel schreiben Einen Artikel zu schreiben, das ist bei Wir-in-Rheinhessen und dem verwendeten Editor von WordPress sehr einfach und leicht. Es erklärt sich fast von selbst. Deshalb hier nur
Anleitung für die Hausverwaltung
www.gruppenhaus.ch Version vom 15. September 2006 Autor Kontakt Gruppenhaus.ch GmbH support@gruppenhaus.ch Inhalt 1 Allgemeines... 2 1.1 Login... 2 1.2 Wenn Sie nicht mehr weiter wissen... 2 2 Belegungsplan...
Typo3 - Schulung: Fortgeschrittene I an der Hochschule Emden/Leer
Verlinkung: Man unterscheidet zwischen externer und interner Verlinkung. Bei der externen Verlinkung verlässt man den Bereich unseres Web-Servers. Typo3 überprüft nicht die Existenz der angegebenen Seite
Webseiten-Bericht für creator.pressreaders.eu
Webseiten-Bericht für creator.pressreaders.eu Generiert am 08 Dezember 2015 18:52 PM Der Wert ist 51/100 SEO Inhalte Seitentitel CREATOR - PRESSREADERS.EU Länge : 25 Perfekt, denn Ihr Seitentitel enthält
Bilder und Dokumente in MediaWiki
Dieses Handout soll erklären, wie Sie Dokumente hochladen können. Der Begriff Dokumente bezieht sich hier auf Word-Dokumente (*.doc), Acrobat-Dokumente (*.pdf), Excel-Tabellen (*.xls), Audiodateien (*.mp3),
Prüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Sonja Weckenmann c/o DIAS GmbH Schulterblatt 36 20357 Hamburg Telefon: (040) 431 875
DAS HALLENBUCHUNGSPROGRAMM EBUSY
DAS HALLENBUCHUNGSPROGRAMM EBUSY Das Buchungssystem kann von jedem Ort, jedem Computer mit Internet Anschluss und sogar vom Smartphone erreicht werden. Entweder rufen Sie die Seite direkt über die Internet
Pfötchenhoffung e.v. Tier Manager
Pfötchenhoffung e.v. Tier Manager A.Ennenbach 01.08.2015 Tier Manager Inhalt Administrationsbereich Tiere auflisten & suchen Tier hinzufügen Tier bearbeiten (Status ändern, etc.) Administrationsbereich
1 Fangen wir an aber wie? 9
v Vorwort 1 1 Fangen wir an aber wie? 9 1.1 Wie man geplante Zeitrahmen und Budgets einhält..... 9 1.1.1 Effektive Vorplanung...................... 10 1.1.2 Sammeln Sie Informationen und treffen Sie fundierte
Digital und barrierefrei
Digital und barrierefrei Eine Kurzanleitung Sebastian Brückner Informatiker, DZB Leipzig sebastian.brueckner@dzb.de Deutsche Zentralbücherei für Blinde zu Leipzig (DZB) 1894 gegründet Her- und Bereitstellung
WEBSEITEN ENTWICKELN MIT ASP.NET
jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm
Klausurteilnehmer. Wichtige Hinweise. Note: Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 HS OWL, FB 7, Malte Wattenberg.
Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 Klausurteilnehmer Name: Matrikelnummer: Wichtige Hinweise Es sind keinerlei Hilfsmittel zugelassen auch keine Taschenrechner! Die Klausur dauert
WCAG 2.0 Anpassungen der Website Schweizer Fernsehen Accessibility in der Praxis Caroline Ast
WCAG 2.0 Anpassungen der Website Schweizer Fernsehen Accessibility in der Praxis Caroline Ast Noch vor einem Jahr Noch vor einem Jahr CAS Barrierefreies Webdesign Zertifikatslehrgang Fachstelle ICT- Accessibility
Word 2010 Grafiken exakt positionieren
WO.009, Version 1.2 10.11.2014 Kurzanleitung Word 2010 Grafiken exakt positionieren Wenn Sie eine Grafik in ein Word-Dokument einfügen, wird sie in die Textebene gesetzt, sie verhält sich also wie ein
Webseiten-Bericht für naturheilpraxis-graefe.de
Webseiten-Bericht für naturheilpraxis-graefe.de Generiert am 27 November 2015 18:29 PM Der Wert ist 45/100 SEO Inhalte Seitentitel Naturheilpraxis Sabine Graefe, Korbach Länge : 38 Perfekt, denn Ihr Seitentitel
Statuten in leichter Sprache
Statuten in leichter Sprache Zweck vom Verein Artikel 1: Zivil-Gesetz-Buch Es gibt einen Verein der selbstbestimmung.ch heisst. Der Verein ist so aufgebaut, wie es im Zivil-Gesetz-Buch steht. Im Zivil-Gesetz-Buch
Kindergarten- / Grundstufentagung 2013. Mittwoch, den 24. Januar
Kindergarten- / Grundstufentagung 2013 Mittwoch, den 24. Januar Vielfältiges Präsentieren mit Powerpoint Mac 2011 PowerPoint (Mac) 19.01.13 nik.keller@phzh.ch 1 / 6 Grundsätzliches zu Präsentationen: Gut
Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet.
Intrapact Layout Allgemeines Das Layout einer Firma wird im Intrapact Manager, und dort im Layout Designer erstellt. Alle Eingaben im Layout Designer dienen dazu um die CSS/ASP Dateien zu generieren, die
Prüfbericht zum abschließenden BITV-Test
barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Sonja Weckenmann c/o DIAS GmbH Schulterblatt 36 20357 Hamburg Telefon: (040) 431 875
Nuke Menü Version 0.2 / VKP Neu! Jetzt mit Gruppenzuordnung der Links (Nur für Admins, nur für Mitglieder, nur für Anonyme oder für Alle)
Nuke Menü Version 0.2 / VKP Neu! Jetzt mit Gruppenzuordnung der Links (Nur für Admins, nur für Mitglieder, nur für Anonyme oder für Alle) Author: Bernd Alexander K. W. Köhler http://www.pixel-cms.de email:
Installation kitako. Wir nehmen uns gerne Zeit für Sie! Systemanforderungen. Demoversion. Kontakt
Installation kitako COPYRIGHT E-Mail Fon (c) 2014, ITB Information Technology for Business GmbH, Switzerland info@itforbusiness.ch 041 320 91 30 Oktober 2014 Systemanforderungen Unterstützte Betriebssysteme:
Informationen zu den regionalen Startseiten
Informationen zu den regionalen Startseiten Inhaltsverzeichnis Informationen zu den regionalen Startseiten 1 1. Grundlegende Regeln 2 1.1. Was wird angezeigt? 2 1.2. Generelle Anzeigeregeln 2 2. Anpassbare
Usability Engineering
Fakultät Informatik, Prof. Dr. rer. pol. Thomas Urban Usability Engineering Kapitel 6 Barrierefreiheit Gliederung 1 Usability Engineering - Einführung 2 Wahrnehmungspsychologie 3 Usability Engineering
Webseiten-Bericht für opencart.com
Webseiten-Bericht für opencart.com Generiert am 22 Dezember 2015 08:23 AM Der Wert ist 41/100 SEO Inhalte Seitentitel Just a moment... Länge : 16 Perfekt, denn Ihr Seitentitel enthält zwischen 10 und 70
Das Grundgerüst für ein HTML-Dokument sieht so aus:
Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Das Grundgerüst für ein HTML-Dokument sieht so aus:
Ein PDF erstellen. aus Adobe InDesign CC. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen
aus Adobe InDesign CC Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen T 0 71 21 / 2 03 89-0 F 0 71 21 / 2 03 89-20 www.langner-beratung.de info@langner-beratung.de Über Datei >
Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.
1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil
Voraussetzung. Anleitung. Gehen Sie auf Start Einstellungen und suchen Sie hier den Eintrag Datenverbindungen oder Verbindungen. Öffnen Sie diesen.
NETZWERK KONFIGURATION WINDOWS MOBILE 5 FOR SMARTPHONE Titel KONFIGURATION VON: GPRS/EDGE/UMTS UND MMS Autor Marco Wyrsch (marco.wyrsch@mobiledevices.ch nur für Feedback/Fehler! Kein Support!) Aktualisiert
White Paper DocCheck Search
White Paper DocCheck Search Version 15.2 Januar 2016 DocCheck Search die Suchmaschine für Login-geschützte Inhalte Wo andere Suchmaschinen vor dem HWG kapitulieren, legt DocCheck Search erst richtig los:
WebCT-Kurse müssen nicht immer gleich aussehen. Design und Integration grafischer Elemente in WebCT-Kurse
WebCT-Kurse müssen nicht immer gleich aussehen Design und Integration grafischer Elemente in WebCT-Kurse Grundsätzliches zu diesem Handout Die folgenden Seiten waren Begleitmaterial zu einem Workshop,
Barrierefreies Internet mit Content-Management-Systemen am Beispiel des CMS Papoo. Carsten Euwens. Erstellung BITV konformer Internetseiten
Carsten Euwens Erstellung BITV konformer Internetseiten Welche Möglichkeiten bietet dabei das CMS Papoo Was kann Papoo ohne Benutzereingriff Wobei kann Papoo den Seitenersteller/Redakteur unterstützen
Online-Marketing. Zum Nachmachen empfohlen oder mehr Schein als Sein? Der Internetauftritt eine erfolgreiche Visitenkarte im www
Online-Marketing Zum Nachmachen empfohlen oder mehr Schein als Sein? Der Internetauftritt eine erfolgreiche Visitenkarte im www von Manuel Runte www.media-at-vice.de www.druckerei-koch.de in Pritzwalk
Migration von statischen HTML Seiten
Migration von statischen HTML Seiten Was ist Typo3 Typo3 ist ein Content Mangement System zur Generierung von Internetauftritten. Dieses System trennt Inhalt, Struktur und Layout von Dokumenten und stellt
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
Inhalt. Benutzerhandbuch
- Benutzerhandbuch Inhalt Benutzeroberfläche... 2 Registerkarte Barrierefreiheit... 2 Präsentation überprüfen... 2 Zugängliches PDF erzeugen... 2 Auswahlbereich... 2 Einstellungen... 2 Hilfe... 2 Fenster
barrierefrei informieren und kommunizieren Barrierefreie Web-Auftritte
barrierefrei informieren und kommunizieren Barrierefreie Web-Auftritte "Die Anforderungen des Behindertengleichstellungsgesetzes (BGG) und der BITV an die Barrierefreiheit" an der Justus- 27. Januar 2005
Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Kapitel «Struktur»
Interaktive Medien 1. Semester Martin Vollenweider Web Entwicklung 1 Kapitel «Struktur» Adobe Dreamweaver CC 2014; CC; CS6; CS5 2 Einstellungen 3 Detaillierte Theorie 4 Validierung Oft Probleme mit Browsern,
OECD Programme for International Student Assessment PISA 2000. Lösungen der Beispielaufgaben aus dem Mathematiktest. Deutschland
OECD Programme for International Student Assessment Deutschland PISA 2000 Lösungen der Beispielaufgaben aus dem Mathematiktest Beispielaufgaben PISA-Hauptstudie 2000 Seite 3 UNIT ÄPFEL Beispielaufgaben
Proseminar: Website-Managment-System. NetObjects Fusion. von Christoph Feller
Proseminar: Website-Managment-System NetObjects Fusion von Christoph Feller Netobjects Fusion - Übersicht Übersicht Einleitung Die Komponenten Übersicht über die Komponenten Beschreibung der einzelnen
kleines keyword brevier Keywords sind das Salz in der Suppe des Online Marketing Gordian Hense
Keywords sind das Salz in der Suppe des Online Marketing Keywords - Das Salz in der Suppe des Online Marketing Keyword Arten Weitgehend passende Keywords, passende Wortgruppe, genau passende Wortgruppe
Gezielt über Folien hinweg springen
Gezielt über Folien hinweg springen Nehmen wir an, Sie haben eine relativ große Präsentation. Manchmal möchten Sie über Folien hinweg zu anderen Folien springen. Das kann vorkommen, weil Sie den gesamten