Barrierefreies Internet

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


Themenüberblick:Themenüberblick:

Barrierefreiheit testen

Zielgruppen

Pflichtenheft

Anforderungen der BITV

WCAG 1.0 und BITV

BITV-Anforderungen umsetzen und testen


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.


Gliederung des Gliederung des PflichtenheftesPflichtenheftes

1. Zielbestimmung

1.1 Musskriterien

1.2 Wunschkriterien

1.3 Abgrenzungskriterien



2. Produkteinsatz

2.1 Anwendungsbereiche

2.2 Zielgruppen

2.3 Betriebsbedingungen



3. Produktumgebung

3.1 Software

3.2 Hardware

3.3 Produktschnittstellen



4. Produktfunktionen

4.1 Funktion 1

4.2 Funktion 2

4.3 …

4.4 …



8. Qualitäts-Zielbestimmungen

Welche Qualitätsmerkmale sind in

welcher Qualitätsstufe anzustreben.11. Ergänzungen


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:


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


ZielgruppenbestimmungZielgruppenbestimmung

Blinde

Sehbehinderte

Gehörlose

Körperbehinderte

Lernbehinderte

Migranten

Senioren


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.


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


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.



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/



Markup-Sprachen (insbesondere HTML) und Stylesheets sind entsprechend ihrer Spezifikationen und formalen Definitionen zu verwendenverwenden.


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.


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



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.



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



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.



Überprüfung:Java, Javascript und Plug-Ins deaktivieren.

Durch das Prüftool 'Toggle CSS.

Manuelle Kontrolle der Inhalte.

Ausschließliche Benutzung der Tastatur.



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.



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



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.



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.



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



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.


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.



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.



Überprüfung:

Prüftool W3C-Validator (Englisch und deutsch).

Prüftool CSS-Validator.



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



Überprüfung:

Prüftool WebFormator.Sichtkontrolle der Anker.Für Blinde: Einsatz von Screenreader (IBM Home Page Reader oder JAWS).



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



Überprüfung:Nutzertests mit Freunden und Bekannten, die Aufgaben wie

„Recherchieren Sie die Preisinformationen zum Produkt X“

erfüllen sollen.



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.


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/


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


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/


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!

Documents

Barrierefreies Internet