das konzept hinter den barrierefreien informationsseiten...
TRANSCRIPT
![Page 1: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/1.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Das Konzept hinter den barrierefreien Informationsseiten von
Barrierefreiheit im Web - rechtliche Grundlagen in DeutschlandBarrierefreiheit im Web - technische Grundlagen und StandardsBegrifflichkeit "barrierefrei" und "accessible"
Was unterlassen?Was tun?
Webtechnik - "harte" Faktoren und was sie bringenKonzeption und Redaktion - "weiche" Faktoren und spezielle ZielgruppenWas haben wir im Prototypen http://info.tms-it.de umgesetzt?
Was haben wir gelernt?FarbkonzeptBildschirmauszüge mit EinzelheitenSchauen wir es uns live an…
![Page 2: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/2.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im Webrechtliche Grundlagen in Deutschland
Behindertengleichstellungsgesetz BGG 2002(§4) "…für behinderte Menschen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar…"Für Internet-Auftritte von "Trägern öffentlicher Gewalt" ist vorgegeben (§11), sie "schrittweise technisch so (zu gestalten), dass sie von behinderten Menschen grundsätzlich uneingeschränkt genutzt werden können."
Barrierefreie Informationstechnik-Verordnung BITV 2002 für den BundGeltungsbereich: Bundesbehörden
![Page 3: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/3.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im Webrechtliche Grundlagen in Deutschland
Behindertengleichstellungsgesetz BGG 2002(§4) "…für behinderte Menschen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar…"Für Internet-Auftritte von "Trägern öffentlicher Gewalt" ist vorgegeben (§11), sie "schrittweise technisch so (zu gestalten), dass sie von behinderten Menschen grundsätzlich uneingeschränkt genutzt werden können."
Barrierefreie Informationstechnik-Verordnung BITV 2002 für den BundGeltungsbereich: BundesbehördenIdentische Gleichstellungsgesetze und abweichende Durchführungsverordnungen der Länder folgten, z. B. die BayBITV 2006"§ 3 (3) Soweit die Herstellung der Barrierefreiheit aus finanziellen, wirtschaftlichen und verwaltungsorganisatorischen Gründen unverhältnismäßig oder aus technischen Gründen unmöglich ist, kann von einem barrierefreien Angebot abgesehen werden."
![Page 4: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/4.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im Webrechtliche Grundlagen in Deutschland
Behindertengleichstellungsgesetz BGG 2002(§4) "…für behinderte Menschen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar…"Für Internet-Auftritte von "Trägern öffentlicher Gewalt" ist vorgegeben (§11), sie "schrittweise technisch so (zu gestalten), dass sie von behinderten Menschen grundsätzlich uneingeschränkt genutzt werden können."
Barrierefreie Informationstechnik-Verordnung BITV 2002 für den BundGeltungsbereich: BundesbehördenIdentische Gleichstellungsgesetze und abweichende Durchführungsverordnungen der Länder folgten, z. B. die BayBITV 2006"§ 3 (3) Soweit die Herstellung der Barrierefreiheit aus finanziellen, wirtschaftlichen und verwaltungsorganisatorischen Gründen unverhältnismäßig oder aus technischen Gründen unmöglich ist, kann von einem barrierefreien Angebot abgesehen werden."
BITV 2 seit 2011 für Bundesbehörden verpflichtendAngelehnt an die internationalen Web Content Accessibility Guidelines WCAG2 von 2008
![Page 5: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/5.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebBedeutung und Situation in Deutschland
BGG und BITV sind für Behörden verbindlich
![Page 6: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/6.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebBedeutung und Situation in Deutschland
BGG und BITV sind für Behörden verbindlich
Sie sind nicht verbindlich für Firmen oder Vereine
![Page 7: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/7.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebBedeutung und Situation in Deutschland
BGG und BITV sind für Behörden verbindlich
Sie sind nicht verbindlich für Firmen oder Vereine
Der Gesundheits- und Sozialbereich hat jedoch Eigeninteresse an der Barrierefreiheit seiner Informationsangebote
![Page 8: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/8.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebBedeutung und Situation in Deutschland
BGG und BITV sind für Behörden verbindlich
Sie sind nicht verbindlich für Firmen oder Vereine
Der Gesundheits- und Sozialbereich hat jedoch Eigeninteresse an der Barrierefreiheit seiner Informationsangebote
Nur so erreichen sie alle Kunden
![Page 9: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/9.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebBedeutung und Situation in Deutschland
BGG und BITV sind für Behörden verbindlich
Sie sind nicht verbindlich für Firmen oder Vereine
Der Gesundheits- und Sozialbereich hat jedoch Eigeninteresse an der Barrierefreiheit seiner Informationsangebote
Nur so erreichen sie alle Kunden
Informationen im Web senken Kosten indem sie Selbstbedienung ermöglichen
![Page 10: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/10.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebBedeutung und Situation in Deutschland
BGG und BITV sind für Behörden verbindlich
Sie sind nicht verbindlich für Firmen oder Vereine
Der Gesundheits- und Sozialbereich hat jedoch Eigeninteresse an der Barrierefreiheit seiner Informationsangebote
Nur so erreichen sie alle Kunden
Informationen im Web senken Kosten indem sie Selbstbedienung ermöglichen
Anpassbarkeit und Änderungsfreundlichkeit sind "eingebaut"
![Page 11: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/11.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebNicht alles glauben - selbst testen!
Web-Dienstleister, die HTML und CSS nicht beherrschen, streuen gelegentlich wilde Gerüchte über enorme Kosten der Barrierefreiheit, und was man alles gar nicht bräuchte, und was schon völlig veraltet sei.Viele Grafiker denken "in Papier" und können mit flexiblen Layouts nicht umgehen.
Folgende technische Produkte erlauben eine schnelle eigene Prüfung von Webseiten-Prototypen
HTML-Validatorenhttp://www.validome.orghttp://validator.w3.orgCSS-Validatorhttp://jigsaw.w3.org/css-validatorEDDI als Semantik-Validatorhttp://www.kfbi.de/eddi.css
![Page 12: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/12.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebEntwicklung technischer Grundlagen und Standards
HTML wird "erwachsen"1999 HTML4, 2000 XHTML1 Standards des World Wide Web Consortium (W3C)
![Page 13: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/13.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebEntwicklung technischer Grundlagen und Standards
HTML wird "erwachsen"1999 HTML4, 2000 XHTML1 Standards des World Wide Web Consortium (W3C)
Die Web Accessibility Initiative WAI liefert Regeln1999 Web Content Accessibility Guidelines WCAG
Treibende Kräfte blinde und sehbehinderte MenschenÜberwiegend "harte" technische Regeln für HTML
![Page 14: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/14.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebEntwicklung technischer Grundlagen und Standards
HTML wird "erwachsen"1999 HTML4, 2000 XHTML1 Standards des World Wide Web Consortium (W3C)
Die Web Accessibility Initiative WAI liefert Regeln1999 Web Content Accessibility Guidelines WCAG
Treibende Kräfte blinde und sehbehinderte MenschenÜberwiegend "harte" technische Regeln für HTML
2008 Web Content Accessibility Guidelines WCAG2Keine "harten" Kriterien, sondern schwammig durch den Versuch, alles und jedes abzudecken, nicht nur HTMLEinerseits klare Richtlinien wie vorherWahrnehmbar, Bedienbar, Verständlich, Robustandererseits viele detailverliebte Konformitätsbedingungen, die selbst für Experten in ihrer gegenseitigen Abhängigkeit nicht mehr überschaubar sind
![Page 15: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/15.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebBegrifflichkeit "barrierefrei" und "accessible"
Der deutsche Begriff "barrierefrei" (entlehnt aus dem Bauwesen)definiert sich negativ als Abwesenheit von BarrierenBau: Bodengleicher Eingang
![Page 16: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/16.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebBegrifflichkeit "barrierefrei" und "accessible"
Der deutsche Begriff "barrierefrei" (entlehnt aus dem Bauwesen)definiert sich negativ als Abwesenheit von BarrierenBau: Bodengleicher Eingang
Der englische Begriff "accessible" (Zugänglichkeit)definiert sich positiv als Anwesenheit von ZugängenBau: Rollstuhlrampe
![Page 17: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/17.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebBegrifflichkeit "barrierefrei" und "accessible"
Der deutsche Begriff "barrierefrei" (entlehnt aus dem Bauwesen)definiert sich negativ als Abwesenheit von BarrierenBau: Bodengleicher Eingang
Der englische Begriff "accessible" (Zugänglichkeit)definiert sich positiv als Anwesenheit von ZugängenBau: Rollstuhlrampe
In der Informationstechnik ist beides erforderlichDie Aufstellung von Barrieren unterlassenBessere Zugänge schaffen
![Page 18: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/18.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufen
![Page 19: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/19.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der Maus
![Page 20: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/20.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. Techniken
![Page 21: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/21.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. TechnikenNicht vorhersagbares Bedienverhalten: plötzlich irgendwo…
![Page 22: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/22.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. TechnikenNicht vorhersagbares Bedienverhalten: plötzlich irgendwo…Zeitgesteuerte Inhalte ohne Einfluss für die Nutzer
![Page 23: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/23.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. TechnikenNicht vorhersagbares Bedienverhalten: plötzlich irgendwo…Zeitgesteuerte Inhalte ohne Einfluss für die NutzerFlackern in bestimmten Frequenzen
![Page 24: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/24.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. TechnikenNicht vorhersagbares Bedienverhalten: plötzlich irgendwo…Zeitgesteuerte Inhalte ohne Einfluss für die NutzerFlackern in bestimmten FrequenzenHarte Formatierungen im redaktionellen Text
![Page 25: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/25.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. TechnikenNicht vorhersagbares Bedienverhalten: plötzlich irgendwo…Zeitgesteuerte Inhalte ohne Einfluss für die NutzerFlackern in bestimmten FrequenzenHarte Formatierungen im TextNicht skalierbare Schriftgrößen
![Page 26: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/26.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. TechnikenNicht vorhersagbares Bedienverhalten: plötzlich irgendwo…Zeitgesteuerte Inhalte ohne Einfluss für die NutzerFlackern in bestimmten FrequenzenHarte Formatierungen im TextNicht skalierbare SchriftgrößenGeringer Vordergrund-Hintergrund Kontrast in Lesebereichen
![Page 27: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/27.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas unterlassen?
Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. TechnikenNicht vorhersagbares Bedienverhalten: plötzlich irgendwo…Zeitgesteuerte Inhalte ohne Einfluss für die NutzerFlackern in bestimmten FrequenzenHarte Formatierungen im TextNicht skalierbare SchriftgrößenGeringer Vordergrund-Hintergrund Kontrast in LesebereichenOrientierung nur durch Farben (extrem: Rot-Grün)
![Page 28: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/28.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas tun?
Standardkonforme valide Webseiten
![Page 29: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/29.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas tun?
Standardkonforme valide WebseitenTrennung von Inhalt und Layout
![Page 30: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/30.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas tun?
Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des Quelltextes
![Page 31: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/31.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas tun?
Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des QuelltextesSprungnavigation über Teilbereiche hinweg
![Page 32: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/32.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas tun?
Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des QuelltextesSprungnavigation über Teilbereiche hinwegTastatursteuerung
![Page 33: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/33.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas tun?
Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des QuelltextesSprungnavigation über Teilbereiche hinwegTastatursteuerungOptisch unterstützte Orientierung
![Page 34: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/34.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Barrierefreiheit im WebWas tun?
Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des QuelltextesSprungnavigation über Teilbereiche hinwegTastatursteuerungOptisch unterstützte OrientierungTextalternativen für Nicht-Text-Inhalte (Bilder, Videos)
![Page 35: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/35.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Webtechnik"Harte" Faktoren und was sie bringen
Technische Standards wie HTML und CSSErzeugen nachvollziehbare Strukturensind änderungsfreundlich und anpassbarlassen die Endgeräte über die Darstellung entscheiden
"Regeln der Kunst" der Web-DesignerFormatierung über externe CSS (Cascading Style Sheets)Valide Syntax der SeitenbeschreibungsspracheKorrekte semantische Struktur (Gliederung) der TextinhalteAuszeichnung von Abkürzungen und Sprachwechseln
Assistive Techniken, die so unterstützt werdenVorleseprogramme, Braille-Tastaturen, Großfeldtastaturen, Mundmäuse, …
![Page 36: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/36.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Konzeption und Redaktion"Weiche" Faktoren und spezielle Zielgruppen
Struktur des InformationsangebotesGebärdenfilmeAudioversionenUnterstützung der Navigation durch Symbole
RedaktionellesVerständliche/angemessene Sprache(sollten Journalisten können ☺)Leichte SpracheVermeiden irritierender Inhalte (Bild: Reh, Text: Fuchs)
Gebärdenfilme und Versionen in leichter Sprache, die den wesentlichen Inhalt des Informationsangebots erläutern, sind gemäß BITV2 Priorität II vorgeschrieben.
![Page 37: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/37.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Was haben wir im Prototypen umgesetzt?Was haben wir gelernt?
Die "harten" Faktoren der barrierefrei-Technik sind über alle Webangebote identisch und können verlustfrei bedient werden
![Page 38: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/38.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Was haben wir im Prototypen umgesetzt?Was haben wir gelernt?
Die "harten" Faktoren der barrierefrei-Technik sind über alle Webangebote identisch und können verlustfrei bedient werdenMan kann jedoch nicht den selben redaktionellen Inhalt für alle Zielgruppen liefern
Leichte Sprache liefert insgesamt weniger Informations-Details, die Texte sind kürzer, die 1:1 Übernahme der Navigationsstruktur und der Gliederungstiefe der Umgangssprach-Version sind nicht sinnvoll.Wir haben uns für zwei Versionen entscheiden (Endausbau).
![Page 39: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/39.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Was haben wir im Prototypen umgesetzt?Was haben wir gelernt?
Die "harten" Faktoren der barrierefrei-Technik sind über alle Webangebote identisch und können verlustfrei bedient werdenMan kann jedoch nicht den selben redaktionellen Inhalt für alle Zielgruppen liefern
Leichte Sprache liefert insgesamt weniger Informations-Details, die Texte sind kürzer, die 1:1 Übernahme der Navigationsstruktur und der Gliederungstiefe der Umgangssprach-Version sind nicht sinnvoll.Wir haben uns für zwei Versionen entscheiden (Endausbau).
Vorlese-Funktion mit mp3 Audio gelöstEs gibt Programme, die den Text einer Webseite mit Automatenstimme ohne Sprachwechsel akustisch ausgeben. Wir haben uns trotz des höheren Änderungsaufwandes für mp3 und gegen solche Lösungen entschieden.
Einstellbare Screen-Reader können um ein Vielfaches mehr.Von der akustischen Wiedergabe des Gelesenen mit Automatenstimmeerwarten wir keinen Zusatznutzen.
![Page 40: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/40.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Was haben wir im Prototypen umgesetzt?
Farbkonzept mit Mindestkontrast
![Page 41: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/41.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Was haben wir wie umgesetzt? Startseite und zentrale Elemente
![Page 42: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/42.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Was haben wir wie umgesetzt? Seiten unter Tätigkeitsfelder
![Page 43: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/43.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Was haben wir im Prototypen umgesetzt?
Schauen wir es uns live an…
http://info.tms-it.de
![Page 44: Das Konzept hinter den barrierefreien Informationsseiten vonnetz-der-moeglichkeiten.de/download/vortrag_werkstaettenmesse.pdfNetz der Möglichkeiten ® eG Das Konzept hinter den barrierefreien](https://reader030.vdocuments.site/reader030/viewer/2022041207/5d63959788c993274d8b8946/html5/thumbnails/44.jpg)
Netz der Möglichkeiten ® eG
Das Konzept hinter den barrierefreien Informationsseiten von tms © 2012 Eberhard Schneider, Netz der Möglichkeiten eG
Netz der Möglichkeiten eGAllersberger Str. 185 F90461 NürnbergTelefon 0911 4345 6380Email [email protected] http://www.netz-der-moeglichkeiten.de
Internet barrierefreiPrüfung, Schulung, Beratung im Vorfeld von Ausschreibungen, Analyse und Behebung von Schwachstellen (Technik, Semantik, Usability), Web-Design undKonzeption, Programmierung
Weitere in der Genossenschaft verfügbare Fachkompetenzen:Software unter Windows, aber auch Linux- und OpenSource-LösungenUnterstützung bei der Effizienzsteigerung der kaufmännischen VerwaltungBeratung zu Kooperationen von KMU
Urheberrecht:Aus diesem Vortrag darf gerne zitiert werden, jedoch nur mit Quellenangabe.