barrierefreies internet
DESCRIPTION
Barrierefreies Internet. Pflichtenheft für Entscheider Michael Kraus Wirtschaftsinformatiker (FH) Telezentrum Herzogsägmühle. Themenüberblick:. Pflichtenheft. WCAG 1.0 und BITV. Zielgruppen. Anforderungen der BITV. BITV-Anforderungen umsetzen und testen. Barrierefreiheit testen. - PowerPoint PPT PresentationTRANSCRIPT
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 11
Barrierefreies Barrierefreies InternetInternet
Pflichtenheft für EntscheiderPflichtenheft für Entscheider
Michael KrausMichael KrausWirtschaftsinformatiker (FH)Wirtschaftsinformatiker (FH)
Telezentrum HerzogsägmühleTelezentrum Herzogsägmühle
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 22
Themenüberblick:Themenüberblick:
Barrierefreiheit testen
Zielgruppen
Pflichtenheft
Anforderungen der BITV
WCAG 1.0 und BITV
BITV-Anforderungen umsetzen und testen
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 33
PflichtenheftPflichtenheftVgl. Balzert, H.; Lehrbuch der Software-Technik
Übereinkunft zwischen dem Auftraggeber und dem
Auftragnehmer.
Fasst alle fachlichen Anforderungen des Auftraggebers an ein zu realisierendes Softwareprodukt aus dessen Blickwinkel zusammen.
Ist an den Auftragnehmer gerichtet.
Beschreibt, was das Produkt in Hinblick auf Funktionen und Leistungen erfüllen soll.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 44
Gliederung des Gliederung des PflichtenheftesPflichtenheftes
1. Zielbestimmung
1.1 Musskriterien
1.2 Wunschkriterien
1.3 Abgrenzungskriterien
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 55
Gliederung des Gliederung des PflichtenheftesPflichtenheftes
2. Produkteinsatz
2.1 Anwendungsbereiche
2.2 Zielgruppen
2.3 Betriebsbedingungen
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 66
Gliederung des Gliederung des PflichtenheftesPflichtenheftes
3. Produktumgebung
3.1 Software
3.2 Hardware
3.3 Produktschnittstellen
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 77
Gliederung des Gliederung des PflichtenheftesPflichtenheftes
4. Produktfunktionen
4.1 Funktion 1
4.2 Funktion 2
4.3 …
4.4 …
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 88
Gliederung des Gliederung des PflichtenheftesPflichtenheftes
8. Qualitäts-Zielbestimmungen
Welche Qualitätsmerkmale sind in
welcher Qualitätsstufe anzustreben.11. Ergänzungen
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 99
Erläuterung Erläuterung WCAG 1.0 und BITVWCAG 1.0 und BITV
Um auf einer Internet-Seite anzuzeigen, welches Konformitätslevel der WCAG 1.0 erreicht wurde, liegen folgende Symbole des W3C zur freien Verwendung vor:
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1010
Erläuterung der W3C-Erläuterung der W3C-LogosLogos
WCAG 1.0
A = Priorität 1 (Muss-Kriterium)
AA = Priorität 1 + 2 (Muss-Kriterium+
Soll-Kriterium)
AAA = Priorität 1 + 2 + 3 (Muss-Kriterium
+ Soll-Kriterium + Kann-Kriterium)
BITVPriorität 1 = Muss-Kriterium + Soll-KriteriumPriorität 2 = Kann-Kriterium
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1111
ZielgruppenbestimmungZielgruppenbestimmung
Blinde
Sehbehinderte
Gehörlose
Körperbehinderte
Lernbehinderte
Migranten
Senioren
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1212
Die BITV-VerordnungDie BITV-Verordnung
Am 24.07.02 trat die Am 24.07.02 trat die BBarrierefreie arrierefreie IInformationsnformationsttechnik-echnik-VVerordnung erordnung (BITV), (BITV), in Kraft in Kraft
bis zum 31.12.2005 bis zum 31.12.2005 musstenmussten alle öffentlichen alle öffentlichenInformationstechnik-Angebote des Bundes Informationstechnik-Angebote des Bundes vollständig barrierefrei gestaltet sein.vollständig barrierefrei gestaltet sein.11
[1] Vgl. o. V.: Bundesministerium für Gesundheit und Soziale Sicherung: Das Gesetz zur Gleichstellung behinderter Menschen; http://www.bmas.bund.de/BMAS/Redaktion/Pdf/Publikationen/gesetz-zur-gleichstellung-behinderter-
menschen,property=pdf,bereich=bmas,sprache=de,rwb=true.pdf ; Stand 29.05.2005.; Stand 29.05.2005.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1313
Anforderungen der Anforderungen der BITVBITV
vgl. BITV für Alle,
ein kostenloser Leitfaden zur Umsetzung der BITV-Anforderungen und Bedingungen.
http://www.einfach-fuer-alle.de/download/.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1414
Anforderung 1Anforderung 1
Bedingungen: Auszeichnung von Grafiken, Filmen und
Animationen mit alternativen Texten.
Überprüfung:Unterbinden des Ladens von Bildern.
Für jeden Audio- oder visuellen Inhalt sind Für jeden Audio- oder visuellen Inhalt sind geeignete äquivalente Inhalte bereitzustellen, geeignete äquivalente Inhalte bereitzustellen, die den gleichen Zweck oder die gleiche die den gleichen Zweck oder die gleiche Funktion wie der originäre Inhalt erfüllen.Funktion wie der originäre Inhalt erfüllen.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1515
Anforderung 2Anforderung 2
Bedingungen:Inhalt darf nicht nur durch Farbe allein transportiert werden. Lesbarkeit und Wahrnehmbarkeit der Seiten müssen durch einen starken Kontrast von Vorder- und Hintergrundfarbe möglich sein.
Überprüfung: mit dem Programm Colorfilter.
Texte und Graphiken müssen auch dann Texte und Graphiken müssen auch dann verständlich sein, wenn sie ohne Farbe verständlich sein, wenn sie ohne Farbe betrachtet werden. betrachtet werden.
http://colorfilter.wickline.org/
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1616
Anforderung 3Anforderung 3
Markup-Sprachen (insbesondere HTML) und Stylesheets sind entsprechend ihrer Spezifikationen und formalen Definitionen zu verwendenverwenden.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1717
Anforderung 3 - Anforderung 3 - BedingungenBedingungen
Bedingungen:- Trennung von Inhalt und Layout.
- Strukturelemente wie Überschriften und Absätze verwenden.
- Relative Angabe von Größe und Position.
- Listen und Aufzählungen mit validen Tags auszeichnen.
- Texte sollen nicht in Bildern versteckt werden.
- Angeben der Document Type Definition (DTD).
- Zitate auszeichnen.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1818
Anforderung 3 - Anforderung 3 - ÜberprüfungÜberprüfung
Überprüfung:- Java, Javascript und Plug-Ins deaktivieren.- Durch das Prüftool ‚WAI-Toolbar‘‚
http://www.webforall.info/html/deutsch/aistoolbar.phphttp://www.webforall.info/html/deutsch/aistoolbar.php
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 1919
Anforderung 4Anforderung 4
Sprachliche Besonderheiten wie Wechsel der Sprache oder Abkürzungen sind erkennbar zu machen. Bedingungen:Fremdsprachliche Worte auszeichnen.Abkürzungen und Akronyme beim ersten Auftreten erläutern.
Überprüfung:Durch Blick in den Quellcode.Browser Mozilla.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2020
Anforderung 5Anforderung 5
Tabellen sind mittels der vorgesehenen Tabellen sind mittels der vorgesehenen Elemente der verwendeten Markup-Sprache zu Elemente der verwendeten Markup-Sprache zu beschreiben und in der Regel nur zur beschreiben und in der Regel nur zur Darstellung tabellarischer Daten zu verwenden. Darstellung tabellarischer Daten zu verwenden.
Bedingungen:
Vermeidung von Layouttabellen durch den Einsatz von CSSDatenzellen zu den jeweiligen Überschriften zuordnen.
Überprüfung:
Textbrowser Lynx.Durch das Prüftool WAI-Toolbarhttp://www.webforall.info/html/deutsch/aistoolbar.php http://www.webforall.info/html/deutsch/aistoolbar.php
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2121
Anforderung 6Anforderung 6
Internetangebote müssen auch dann nutzbar sein, Internetangebote müssen auch dann nutzbar sein, wenn der verwendete Benutzeragent neuer wenn der verwendete Benutzeragent neuer Technologien nicht unterstützt oder diese Technologien nicht unterstützt oder diese deaktiviert sind. deaktiviert sind.
Bedingungen:- Funktionierendes Web-Angebot auch
bei nicht funktionierenden Plug-Ins.- Funktionierendes Web-Angebot auch bei ausgeschaltetem CSS.- Äquivalente für dynamischen Inhalt bereitstellen.- Unabhängigkeit des Eingabegerätes.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2222
Anforderung 6 - Anforderung 6 - ÜberprüfungÜberprüfung
Überprüfung:Java, Javascript und Plug-Ins deaktivieren.
Durch das Prüftool 'Toggle CSS.
Manuelle Kontrolle der Inhalte.
Ausschließliche Benutzung der Tastatur.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2323
Anforderung 7Anforderung 7
Zeitgesteuerte Änderungen des Inhalts müssen Zeitgesteuerte Änderungen des Inhalts müssen durch die Nutzerin/den Nutzer kontrollierbar durch die Nutzerin/den Nutzer kontrollierbar sein. sein. Bedingungen:
Vermeiden von Bildschirmflackern und blinkendem Inhalt.Vermeiden von NewsTickern.Anwender muss Ablauf und Geschwindigkeit von Animationen selbst steuern können (Flash, Java).Vermeiden von Weiterleitungen zu anderen URLs.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2424
Anforderung 7 - Anforderung 7 - ÜberprüfungÜberprüfung
Überprüfung:
Visuelle Überprüfung auf blinkende Inhalte.Durch Blick in den Quellcode.Überprüfung von Java- und Flash-Animationen.Java, Javascript und Plug-Ins deaktivieren.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2525
Anforderung 8Anforderung 8
Die direkte Zugänglichkeit der in Die direkte Zugänglichkeit der in Internetangeboten eingebetteten Internetangeboten eingebetteten Benutzerschnittstellen ist sicherzustellen. Benutzerschnittstellen ist sicherzustellen.
Bedingungen:
Flash-Animationen, Java-Applets und PDF-Dokumente müssen auch für Screenreader, Braillezeile und mobile Endgeräte zugänglich sein.
Überprüfung:
Tests mit Benutzern solcher Technologien.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2626
Anforderung 9Anforderung 9
Internetangebote sind so zu gestalten, dass Internetangebote sind so zu gestalten, dass Funktionen unabhängig vom Eingabegerät Funktionen unabhängig vom Eingabegerät oder Ausgabegerät nutzbar sind. oder Ausgabegerät nutzbar sind.
Bedingungen:
Jede nur denkbare Bildschirmauflösung muss zugänglich sein.Schlüssige Reihenfolge beim Navigieren mit der Tab-Taste.Verwenden von Accesskeys.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2727
Anforderung 9 - Anforderung 9 - ÜberprüfungÜberprüfung
Überprüfung:
Testen mit unterschiedlich großen Browserfenstern.Nur mit der Tab-Taste und der Eingabe-Taste durch ein Dokument navigieren.Angebotene Tastatur-Kombinationen austesten.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2828
Anforderung 10Anforderung 10
Die Verwendbarkeit von nicht mehr dem jeweils Die Verwendbarkeit von nicht mehr dem jeweils aktuellen Stand der Technik entsprechenden aktuellen Stand der Technik entsprechenden assistiven Technologien und Browsern ist assistiven Technologien und Browsern ist sicherzustellen, so weit der hiermit verbundene sicherzustellen, so weit der hiermit verbundene Aufwand nicht unverhältnismäßig groß ist. Aufwand nicht unverhältnismäßig groß ist.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 2929
Anforderung 10 Anforderung 10 BedingungenBedingungen - - Überprüfung Überprüfung
Überprüfung:
Deaktivieren von Pop-Up-Fenstern.Klicktest bei Formularfeldern.Sichtkontrolle.
Bedingungen:
Abwärtskompatibilität, jedoch nur wenn der Aufwand gerechtfertigt ist.Vermeiden von Pop-Up-Fenstern.Radiobuttons oder Checkboxen sind auch durch Klick auf das Textfeld zu aktivieren.Nebeneinander liegende Hyperlinks durch Leerzeichen trennen.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3030
Anforderung 11Anforderung 11
Die zur Erstellung des Internetangebots Die zur Erstellung des Internetangebots verwendeten Technologien sollen öffentlich verwendeten Technologien sollen öffentlich zugänglich und vollständig dokumentiert sein, zugänglich und vollständig dokumentiert sein, wie z.B. die vom World Wide Web Consortium wie z.B. die vom World Wide Web Consortium entwickelten Technologien. entwickelten Technologien. Bedingungen:
Verwendung von HTML 4.1 oder XHTML 1.0.Verwendung von CSS.Keine <font>-Tags.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3131
Anforderung 11 - Anforderung 11 - ÜberprüfungÜberprüfung
Überprüfung:
Prüftool W3C-Validator (Englisch und deutsch).
Prüftool CSS-Validator.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3232
Anforderung 12Anforderung 12
Der Nutzerin/dem Nutzer sind Informationen Der Nutzerin/dem Nutzer sind Informationen zum Kontext und zur Orientierung zum Kontext und zur Orientierung bereitzustellen. bereitzustellen. Bedingungen:
Möglichst keine Frames.Falls doch Frames verwendet werden:<noframes>-Tag verwenden und Frames aussagekräftig benennen.Verwenden von lokalen Ankern (interner Link).
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3333
Anforderung 12 - Anforderung 12 - ÜberprüfungÜberprüfung
Überprüfung:
Prüftool WebFormator.Sichtkontrolle der Anker.Für Blinde: Einsatz von Screenreader (IBM Home Page Reader oder JAWS).
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3434
Anforderung 13Anforderung 13
NavigationsmechanismenNavigationsmechanismen sind übersichtlich und sind übersichtlich und schlüssig zu gestalten. schlüssig zu gestalten.
Bedingungen:
Verweise auf ein Glossar, ein Inhaltsverzeichnis, eine Suchfunktion oder eine Hilfe-Seite.Übersichtliche und aussagekräftige Links.Verwenden eines Bread Crumbs.
http://www.meinestadt.de/muenchen/home
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3535
Anforderung 13 - Anforderung 13 - ÜberprüfungÜberprüfung
Überprüfung:Nutzertests mit Freunden und Bekannten, die Aufgaben wie
„Recherchieren Sie die Preisinformationen zum Produkt X“
erfüllen sollen.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3636
Anforderung 14Anforderung 14
Das allgemeine Verständnis der angebotenen Das allgemeine Verständnis der angebotenen Inhalte ist durch angemessene Maßnahmen zu Inhalte ist durch angemessene Maßnahmen zu fördern. fördern. Bedingungen:Verwenden einer leichten Sprache.Verwenden von bekannten Icons und Symbolen.
Überprüfung:Nutzertests mit Freunden und Bekannten,die Aufgaben erfüllen sollen.
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3737
Prüftools für Prüftools für WebseitenWebseiten
Alle Tools des W3CAlle Tools des W3C http://www.w3.org/wai/http://www.w3.org/wai/er/tools/completeer/tools/complete
W3C-Validator (englisch)W3C-Validator (englisch)
W3C-Validator (deutsch)W3C-Validator (deutsch)
Diese Tools prüfen online den Diese Tools prüfen online den korrekten Aufbau eines (X)HTML-korrekten Aufbau eines (X)HTML-Dokuments.Dokuments.
http://validator.w3.org/ http://validator.w3.org/
http://www.validome.orhttp://www.validome.org/g/
W3C-Validator für CSSW3C-Validator für CSS
Dieses Tool prüft online den Dieses Tool prüft online den korrekten Aufbau einer CSS-Datei.korrekten Aufbau einer CSS-Datei.
http://jigsaw.w3.org/cshttp://jigsaw.w3.org/css-validator/s-validator/
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3838
Prüftools für Prüftools für WebseitenWebseiten
Web Accessibility ToolbarWeb Accessibility Toolbar
Integriert sich in die Integriert sich in die Symbolleiste des Internet Symbolleiste des Internet Explorer.Explorer.
http://http://www.webforall.infowww.webforall.info/html/deutsch//html/deutsch/aistoolbar.phpaistoolbar.php
BITV-KurztestBITV-Kurztest http://www.bitvtest.de/http://www.bitvtest.de/
BITV-SelbsttestBITV-Selbsttest http://arkanoid.bitv-test.de/http://arkanoid.bitv-test.de/selbstbewertung/index.php selbstbewertung/index.php
Biene-AwardBiene-Award http://www.biene-award.de/award/http://www.biene-award.de/award/
BarrierefreiesInternet
eröffnet
neue
Einsichten
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 3939
Literatur- und LinklisteLiteratur- und Linkliste
Hellbusch, J. (2005) Barrierefreies Webdesign.
Hellbusch, J. / Mayer, T. (2005) KnowWare extra! – Barrierefreies Webdesign, 2. Aufl.
BITVBITV http://www.gesetze-im-internet.de/http://www.gesetze-im-internet.de/bitv/ bitv/
BITV für AlleBITV für Alle http://www.einfach-fuer-alle.de/downlhttp://www.einfach-fuer-alle.de/downloadoad
E-Government-E-Government-HandbuchHandbuch
http://www.bsi.bund.de/fachthem/http://www.bsi.bund.de/fachthem/egov/download/4_Barriere.pdf egov/download/4_Barriere.pdf
AbI-ProjetkAbI-Projetk http://www.abi-projekt.de/http://www.abi-projekt.de/
Barrierefrei Barrierefrei kommunizieren!kommunizieren!
http://barrierefrei-kommunizieren.de/http://barrierefrei-kommunizieren.de/
06.07.200606.07.2006 Vortrag und Erstellung: Michael KrausVortrag und Erstellung: Michael Kraus 4040
Haben Sie noch Haben Sie noch Fragen?Fragen?
Ich bedanke mich recht herzlich für die Aufmerksamkeit!Ich bedanke mich recht herzlich für die Aufmerksamkeit!