Anforderungen -

1
Anforderungen - Übersicht
Anforderung 1 Äquivalente Inhalte Anforderung 2
Farben Anforderung 3 Sauberer Code Anforderung
4 Sprachliche Besonderheiten Anforderung 5
Tabellen Anforderung 6 Fallback
Lösungen Anforderung 7 Dynamik
2
Anforderungen - Übersicht
Anforderung 8 Zugang Anforderung 9
Unabhängigkeit Anforderung 10
Kompatibilität Anforderung 11 Standards Anforder
ung 12 Orientierung Anforderung 13
Gebrauchstauglichkeit Anforderung 14
Verständnis
3
Textversion als Alternative?

• Hilfe nur für blinde Menschen
• nicht für Menschen mit Sehbehinderung
• nicht für Menschen mit Körperbehinderung
• nicht für Menschen mit Gehörlosigkeit oder
  Schwerhörigkeit
• nicht für Menschen mit Lernbehinderungen oder
  Lernschwierigkeiten
• nicht für Interneteinsteiger
• nicht für ältere Menschen
• Eine Textversion ist nicht barrierefrei

4
Anforderung 1
Äquivalente Inhalte
Für jeden Audio- oder visuellen Inhalt sind
geeignete äquivalente Inhalte bereitzustellen,
die den gleichen Zweck oder die gleiche Funktion
wie der originäre Inhalt erfüllen.
Beispiel Grafiken Geben Sie jedem inhaltlichen
Bild einen alternativen Text, der den Inhalt
und/oder den Sinn des Bildes mit knappen Worten
beschreibt.
http//www.barrierefreies-webdesign.de
5
Anforderung 2
Farben
Texte und Grafiken müssen auch dann verständlich
sein, wenn sie ohne Farbe betrachtet werden.
Verwenden Sie nicht Farbwechsel allein, um eine
bestimmte Informationen darzustellen.
6
Anforderung 5
Tabellen
Tabellen sind mittels der vorgesehenen Elemente
der verwendeten Markup-Sprache zu beschreiben und
in der Regel nur zur Darstellung tabellarischer
Daten zu verwenden.
Tabellen sollten möglichst nicht für das Layout
benutzt werden. Sollten Sie dennoch Tabellen zum
Layouten nutzen, so achten Sie darauf, dass der
Inhalt linearisiert darstellbar ist.
http//www.spd-much.de/much/Statistik
7
Anforderung 9
Unabhängigkeit
Internetangebote sind so zu gestalten, dass
Funktionen unabhängig vom Eingabegerät oder
Ausgabegerät nutzbar sind.
Sorgen Sie dafür, dass sämtliche Funktionen und
Elemente Ihrer Internetpräsenz auch per Tastatur
bedient und erreicht werden können.
http//www.ifd-hamburg.de/index.php
8
Neun Quick-Tips zur Erlangung von Barrierefreiheit
Im Gestrüpp der BITV-Verordnungen kann man leicht
den Überblick verlieren. Deshalb werden an dieser
Stelle die wichtigsten Aspekte der
Barrierefreiheit zusammengefasst. Die folgenden
neun Punkte sollte man sich immer dann vor Augen
führen, wenn man den roten Faden beim Erstellen
einer barrierefreien Website nicht verlieren will.
9
Neun Quick-Tips zur Erlangung von Barrierefreiheit
Punkt 1 Alternative Texte für Grafiken und
BilderGrafiken und Bilder können nur von
sehenden Menschen wahrgenommen werden. Damit sich
der Inhalt oder auch die darunterliegende
Funktion blinden oder sehbehinderten Menschen
erschließt, müssen sie in anderen Medien, wie
beispielsweise der Sprachausgabe dargestellt
werden können. Punkt 2 Bildschirmauflösung,
Farben und KontrastIn der Regel ist nicht
bekannt, mit welchen Bildschirmfarben und
-auflösungen der Anwender arbeitet. Die
Entscheidung über die Darstellung der Inhalte am
Bildschirm sollte deshalb dem Nutzer überlassen
werden.
10
Neun Quick-Tips zur Erlangung von Barrierefreiheit
Punkt 3. Navigation und LinksDie eingesetzte
Navigation sowie die Begriffe für Links sollen
selbsterklärend sein, damit der Anwender den
Webauftritt überhaupt bedienen kann. Punkt 4.
OrientierungshilfenTitel und Bezeichnungen
unterstützen die Orientierung innerhalb eines
Webauftrittes. Deshalb soll jede Seite geeignete
Orientierungshilfen aufweisen.
11
Neun Quick-Tips zur Erlangung von Barrierefreiheit
Punkt 5. GeräteunabhängigkeitKörperbehinderte
und Blinde verwenden zur Bedienung des Computers
keine Maus. Daher ist ein Webauftritt
geräteunabhängig zu realisieren und sollte auch
ausschließlich mit der Tastatur oder mit
assistiver Technologie bedienbar sein. Punkt 6.
Linearisierbarkeit durch StrukturelementeEin
Ausgabemedium wie ein Screenreader bereitet
Inhalte in linearisierter Form auf.
Strukturelemente im Quellcode unterstützen die
Navigation auf der Seite, weil sie vom
Ausgabemedium erkannt, zusammengefasst und
bedienbar gemacht werden.
12
Neun Quick-Tips zur Erlangung von Barrierefreiheit
Punkt 7. Textzusammenfassungen und
Audiodeskriptionen für MultimediaMultimediale
Anwendungen sind häufig eine Barriere. Deshalb
sollten die Möglichkeiten der Untertitelung und
der Audiodeskription genutzt werden. Falls dies
nicht möglich ist, sind Textzusammenfassungen
bereitzustellen.
13
Neun Quick-Tips zur Erlangung von Barrierefreiheit
Punkt 8. Dokumentation und HilfeFunktionen und
Bedienung unterscheiden sich von Website zu
Website. Eine Dokumentation und ein Hilfemenü
erleichtern die Bedienung für den Anwender. Punkt
9. Überprüfung auf BarrierefreiheitBei der
Entscheidung, ob eine Website wirklich
barrierefrei ist, sollten Testtools zur
Überprüfung des Codes herangezogen werden.
14
Vorteile für den Benutzer/User

• Letzten Endes gewinnt der Benutzer.
• Die Seiten laden schneller.
• Die Benutzbarkeit wird deutlich verbessert.
• Die Website funktioniert nicht alleine im
  Internet Explorer,
• sondern kann auch vom
• Mobiltelefon oder dem
• Navigationssystem im Auto aus aufgerufen werden.

15
Automatische Werkzeuge zum Testen auf
Barrierefreiheit
16
Prüftools für Webseiten
Alle Tools des W3C http//www.w3.org/wai/er/tools/complete
W3C-Validator (englisch) W3C-Validator (deutsch) Diese Tools prüfen online den korrekten Aufbau eines (X)HTML-Dokuments. http//validator.w3.org/ http//www.validome.org/
W3C-Validator für CSS Dieses Tool prüft online den korrekten Aufbau einer CSS-Datei. http//jigsaw.w3.org/css-validator/
17
Prüftools für Webseiten
Web Accessibility Toolbar Integriert sich in die Symbolleiste des Internet Explorer. http//www.webforall.info/html/deutsch/aistoolbar.php
BITV-Kurztest http//www.bitvtest.de/
BITV-Selbsttest http//arkanoid.bitv-test.de/selbstbewertung/index.php
Biene-Award http//www.biene-award.de/award/
18
Deutschsprachige Prüftools
Im Folgenden eine deutschsprachige Link-Liste zu
Testwerkzeugen.
http//www.barrierefreies-webdesign.de/verweise/to
ols.html
http//www.wob11.de/links/test_nutzer.html
19
Literatur- und Linkliste
Hellbusch, J. (2005) Barrierefreies
Webdesign. Hellbusch, J. / Mayer, T. (2005)
KnowWare extra! Barrierefreies Webdesign, 2.
Aufl.
BITV http//www.gesetze-im-internet.de/bitv/
BITV für Alle http//www.einfach-fuer-alle.de/download
E-Government-Handbuch http//www.bsi.bund.de/fachthem/egov/download/4_Barriere.pdf
AbI-Projetk http//www.abi-projekt.de/
barrierefrei kommunizieren! http//barrierefrei-kommunizieren.de/
20
Haben Sie noch Fragen?
Ich bedanke mich recht herzlich für die
Aufmerksamkeit!