Das Konzept hinter den barrierefreien Informationsseiten...

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…

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

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

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"

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

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

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

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

Barrierefreiheit im WebWas unterlassen?

Layout-Tabellen, in denen sich Screen-Reader verlaufen

Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der Maus

Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. Techniken

Layout-Tabellen, in denen sich Screen-Reader verlaufenBedienbarkeit nur mit der MausBedienbarkeit nur mit Javascript, Flash u. ä. TechnikenNicht vorhersagbares Bedienverhalten: plötzlich irgendwo…

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

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

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

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

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

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)

Barrierefreiheit im WebWas tun?

Standardkonforme valide Webseiten

Standardkonforme valide WebseitenTrennung von Inhalt und Layout

Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des Quelltextes

Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des QuelltextesSprungnavigation über Teilbereiche hinweg

Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des QuelltextesSprungnavigation über Teilbereiche hinwegTastatursteuerung

Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des QuelltextesSprungnavigation über Teilbereiche hinwegTastatursteuerungOptisch unterstützte Orientierung

Standardkonforme valide WebseitenTrennung von Inhalt und LayoutLinearer logischer Aufbau des QuelltextesSprungnavigation über Teilbereiche hinwegTastatursteuerungOptisch unterstützte OrientierungTextalternativen für Nicht-Text-Inhalte (Bilder, Videos)

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, …

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.

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

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).

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.

Was haben wir im Prototypen umgesetzt?

Farbkonzept mit Mindestkontrast

Was haben wir wie umgesetzt? Startseite und zentrale Elemente

Was haben wir wie umgesetzt? Seiten unter Tätigkeitsfelder

Was haben wir im Prototypen umgesetzt?

Schauen wir es uns live an…

http://info.tms-it.de

Netz der Möglichkeiten eGAllersberger Str. 185 F90461 NürnbergTelefon 0911 4345 6380Email kontakt@netzdm.deWeb 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.

Das Konzept hinter den barrierefreien Informationsseiten...

Documents

Transcript of Das Konzept hinter den barrierefreien Informationsseiten...

Appartement Wohnanlage Nobis-Hof-Magdeburg Leben im barrierefreien Energie Effizienshaus. Nach Kernsanierung und Neubau nie wieder Heizkosten zahlen!

Hinter Den Kulissen

Niederschrift der 80.Sitzung - nuernberg.de · wie man im Viertel ein bleibendes Zeichen für die Zeit nach dem 2. Weltkrieg setzen kann, ... mit denen man auf entsprechende Informationsseiten

Servicestelle zur barrierefreien Aufbereitung von ...€¦ · Zoomtext, Virgo. Die meisten dieser Programme sind kostenpflichtig. Viele Hersteller bieten aber eine kostenlose Demo-Version

KUNST HINTER DER NACHRICHT

Alice Hinter Den Spiegeln

agentur barrierefrei nRW barrierefreien blogs InklusIve ... · Sie kann kostenlos als PDF-Dokument herunter geladen werden. dokulink 765946 • Eine umfangreiche linksammlung zum

VORBEREITUNG EINER WIENWOCHE AUF WEB 2.0 PFADEN · Web 2.0-Tool „vocaroo“ dar, mit dem die von den Schülerinnen und Schülern selbst vorgelesenen Informationsseiten digitalisiert

Deutschland - ActiSwiss · DEUTSCHLAND_AK_D.doc 2/40 ... Landeskundliche Informationsseiten ... 1939-45 Zweiter Weltkrieg

WEITERE INFORMATIONEN ZU BARRIEREFREIEN BÄDERN€¦ · SCHÖNE BÄDER FÜR JEDEN UND IN JEDEM ALTER NUTZBAR WEITERE INFORMATIONEN ZU BARRIEREFREIEN BÄDERN Im Internet Großes Online-Glossar

Rauchgasreinigung hinter Verbrennungsanlagen

Der Barriere-Checker · Veranstaltungen barrierefrei planen ... · finden Sie auf der Webseite des PARITÄTISCHEN Hessen unter dem Menupunkt Inklusion. ... barrierefreien Eingang,

Ausgabe 2013 - linkenheim-hochstetten.de · 2 Freundeskreis Heimatgeschichte 8 ... die Informationsseiten über die öffent- ... Der 2. Weltkrieg mit all seinen verheerenden

zu .barrierefreien .Dienstleistungen - SVBW · Zielvereinbarung zu .barrierefreien.Dienstleistungen zwischen .dem .Sparkassenverband Baden-Württemberg.und .den ..Organisationen .und

LEHR- UND LERNSYSTEME FÜR DEN BEREICH HYDRAULIK FÜR … · 2018-09-05 · offenen Gerinne und die Strömung durch poröse Medien behandelt. Informationsseiten mit Basiswissen sind

NEUE KOMMUNIKATIONSMEDIEN IN DER … · (Informationsseiten, interaktive, automatisierte Programme) Beratungs/Therapieansatz guided self-help oder ... als Kind/Jugendlicher im 2.

Stellungnahme zur Altersschwerhörigkeit (Presbyakusis) in ... · Stellungnahme zur Altersschwerhörigkeit (Presbyakusis) in Düsseldorf und Beiträge zur Entwicklung einer barrierefreien

Regelbauweisen zum barrierefreien Bauen - Teil 2 ......Regelbauweisen zum barrierefreien Bauen - Teil Haltestellen des öffentlichen Personen-nahverkehrs (ÖPNV) 23.02.2017 Beschlossen

Inklusion Eine Hilfestellung zur barrierefreien eb ... · Bei der barrierefreien Gestaltung seiner Internetseiten übernimmt der Freistaat Bayern eine Vorbildfunktion. Gleichzeitig

Tag des barrierefreien Tourismus · Tag des barrierefreien Tourismus – Zugang kostenfrei. 8. März 2019, 10.30 – 15.00 Uhr, CityCube Berlin, Level 1, Saal A7. Zusätzlicher Besuch