Für die Web Content Accessibility Guidelines 1.0 gab es keine offizielle deutsche Übersetzung als ich das Buch ![[intern]](../lib/img/intern.gif)
Barrierefreies Webdesign anfertigte. Die Bedeutung der ![[extern, englisch]](../lib/img/en.gif)
offiziellen Richtlinien kann man der folgenden Tabelle entnehmen. Da die Richtlinien sehr umfangreich sind, empfiehlt es sich, die einzelnen Checkpunkte nach bestimmten Kriterien durchzulesen. Bitte wählen Sie in der folgenden Auswahlliste Ihr Kriterium aus und wählen Sie anschließend Anzeigen.
| Checkpunkte der WCAG1 | Links zum Checkpunkt |
|---|---|
Kategorie 1 Bieten Sie Inhalte an, die im Wesentlichen dieselben auditiven und visuellen Funktionen bereitstellen. | |
1.1 Bieten Sie Textalternativen für alle Elemente an, die selbst kein Text sind.
| |
1.2 Bieten Sie redundante Textlinks für jeden aktiven Bereich einer Server-seitigen Image-Map an. | |
1.3 Bieten Sie Audio-Deskription für die wichtigen Informationen einer visuellen Darbietung in Multimedia-Präsentationen an. | |
1.4 Bieten Sie Synchronisationen (Untertitel oder Audio-Deskription) für Video-Spuren in Zeit-basierten Multimedia-Präsentationen an. | |
1.5 Bieten Sie redundante Textlinks für jede aktive Region einer Client-seitigen Image-Map an. | |
Kategorie 2 Stellen Sie sicher, dass Text und Grafik auch verstanden werden, wenn sie ohne Farbe betrachtet werden. | |
2.1 Stellen Sie sicher, dass alle durch Farbe gekennzeichneten Informationen auch ohne Farbe wahrgenommen werden können. | |
2.2 Stellen Sie sicher, dass Kombinationen aus Vorder- und Hintergrundfarben genügend Kontrast für Menschen mit Farbwahrnehmungsdefiziten oder für die Betrachtung auf Monochrom-Bildschirmen bieten. |
|
Kategorie 3 Gestalten Sie Seiten mit den korrekten Elementen. Verwenden Sie Style-Sheets für die Präsentation statt Präsentations-Elementen mit Attributen. | |
3.1 Verwenden Sie verfügbare Elemente statt Grafik, um Informationen zu vermitteln. | |
3.2 Erstellen Sie Dokumente, die mit den veröffentlichten Standards übereinstimmen. | |
3.3 Verwenden Sie Style-Sheets, um Layout und Präsentation zu definieren. | |
3.4 Verwenden Sie relative statt absoluter Einheiten in Attributen und Style-Eigenschaften. | |
3.5 Verwenden Sie Überschriften-Elemente, um Dokumentstrukturen zu vermitteln, und verwenden Sie sie entsprechend den Spezifikationen. | |
3.6 Verwenden Sie die vorgesehenen Elemente für Listen und Listenelemente. | |
3.7 Verwenden Sie die für Zitate vorgesehenen Elemente für diese und nicht etwa zum Formatieren, z.B. Einrücken. | |
Kategorie 4 Verwenden Sie die vorgesehenen Elemente, um Aussprache oder Interpretation von Abkürzungen oder fremdsprachige Texte zu ermöglichen. | |
4.1 Kennzeichnen Sie deutlich jegliche Änderung der Sprache in einem Text oder einer Textalternative. | |
4.2 Geben Sie die Bedeutung einer Abkürzung an, wenn sie das erste Mal in einem Dokument erscheint. | |
4.3 Kennzeichnen Sie die Hauptsprache eines Dokuments. | |
Kategorie 5 Stellen Sie sicher, dass Tabellen mit entsprechenden Elementen gestaltet sind, damit sie in verfügbare Browser und anderer Zugangssoftware transformiert werden. | |
5.1 Kennzeichnen Sie Spalten- und Reihenüberschriften in Datentabellen. | |
5.2 Verknüpfen Sie Tabellenzellen und Tabellenüberschriften mit den entsprechenden Attributen, wenn Datentabelle zwei oder mehrere logische Ebenen haben. | |
5.3 Verwenden Sie Tabellen nicht zum Layout, es sei denn, sie können linearisiert werden. Bieten Sie eine alternative Version an, wenn die Tabelle nicht linearisiert werden kann. | |
5.4 Verwenden Sie keine strukturellen Elemente innerhalb von Layout-Tabellen. | |
5.5 Bieten Sie Zusammenfassungen für Tabellen an. | |
5.6 Bieten Sie Abkürzungen für Überschriftenbezeichnungen. | |
Kategorie 6 Stellen Sie sicher, dass Seiten zugänglich sind, wenn neuere Technologien von der Zugangssoftware nicht unterstützt werden. | |
6.1 Organisieren Sie Dokumente so, dass sie ohne das angegebene Style-Sheet gelesen werden können. | |
6.2 Stellen Sie sicher, dass Alternativen für dynamische Inhalte aktualisiert werden, wenn der dynamische Inhalt aktualisiert wird. | |
6.3 Stellen Sie sicher, dass Seiten angezeigt werden können, wenn Script- und andere Programmierungen ausgeschaltet sind oder nicht unterstützt werden. | |
6.4 Stellen Sie sicher, dass Event-Handler für Scripts und Applets Geräte-unabhängig sind. | |
6.5 Stellen Sie sicher, dass dynamische Inhalte zugänglich sind, oder bieten Sie eine alternative Version an. | |
Kategorie 7 Stellen Sie sicher, dass Bewegung, Blinken, Scrollen oder Auto-Aktualisierungen angehalten oder gestoppt werden können. | |
7.1 Vermeiden Sie Bildschirmflackern. | |
7.2 Vermeiden Sie blinkende Inhalte. | |
7.3 Vermeiden Sie bewegende Inhalte auf Seiten. | |
7.4 Vermeiden Sie es, Seiten mit Auto-Aktualisierung (auto-refresh) zu erstellen. | |
7.5 Verwenden Sie Server- statt Client-seitige Möglichkeiten zu Weiterleitungen. | |
Kategorie 8 Stellen Sie sicher, dass in Benutzerschnittstellen die Prinzipien der Zugänglichkeit bewahrt werden: Zugang zu Funktionen, Tastaturbedienbarkeit, Spracheingabe und -ausgabe, usw. | |
8.1 Gestalten Sie Programmierungen wie Scripts und Applets so, dass sie zugänglich und mit den technischen Hilfsmitteln kompatibel sind. | |
Kategorie 9 Verwenden Sie Features, die die Bedienung von Seitenelementen mit verschiedenen Geräten ermöglichen. | |
9.1 Bieten Sie Client- statt Server-seitige Image-Maps an, außer wenn die aktiven Bereiche nicht mit den geometrischen Formen Client-seitiger Image-Maps abgebildet werden können. | |
9.2 Stellen Sie sicher, dass alle Elemente mit eigener Benutzerschnittstelle Geräte-unabhängig bedient werden können. | |
9.3 Bieten Sie logische statt Geräte-abhängiger Event-Handler für Scripts an. | |
9.4 Bieten Sie eine logische Tabulatorenreihenfolge für Links, Formularfelder und Objekte an. | |
9.5 Bieten Sie Tastaturkürzel für wichtige Links (auch innerhalb Client-seitiger Image-Maps) und Formulare an. | |
Kategorie 10 Verwenden Sie vorläufige Zugänglichkeitslösungen, um die Funktionalität technischer Hilfsmittel sowie älterer Browser zu gewährleisten. | |
10.1 Vermeiden Sie es, zusätzliche Pop-Up-Fenster zu erzeugen oder Fensternamen zu verändern, ohne den Benutzer vorher zu informieren. | |
10.2 Stellen Sie sicher, dass in Formularen die Bezeichnungen, die implizit mit Formularfeldern verknüpft sind, korrekt positioniert sind. | |
10.3 Bieten Sie eine linearisierte (einspaltige) Alternative für alle Texte an, die mit Tabellen in zwei- oder mehrspaltigem Layout gestaltet wurden. | |
10.4 Bieten Sie einen textlichen Platzhalter in editierbaren Formularfeldern an. | |
10.5 Stellen Sie sicher, dass nebeneinander positionierte Links durch nicht-verlinkte, ausdruckbare Zeichen getrennt werden. | |
Kategorie 11 Verwende W3C-Spezifikationen und beachten Sie Zugänglichkeitsrichtlinien. Wenn es nicht möglich ist, W3C-Standards einzuhalten oder diese unerwünschte Ergebnisse erzeugen, bieten Sie eine zugängliche Alternative an. | |
11.1 Verwenden Sie W3C-Technologien, wenn sie verfügbar sind und die Aufgabe lösen können, und verwenden Sie die aktuelle Version, sobald sie unterstützt wird. | |
11.2 Vermeiden Sie veraltete W3C-Technologien. | |
11.3 Bieten Sie Informationen an, die dem Benutzer den Dokumentenempfang nach seinen Präferenzen ermöglicht. | |
11.4 Bieten Sie einen Link zu einer alternativen Seite an, die W3C-Technologien verwendet, zugänglich ist, gleichwertige Informationen und Funktionen enthält und gleichermaßen aktualisiert wird, wenn nach besten Wissen und Bemühen die Barrierefreiheit nicht gewährt werden kann. | |
Kategorie 12 Bieten Sie Informationen zum Inhalt und zur Orientierung an, die dem Benutzer helfen, komplexe Seiten und Elemente zu verstehen. | |
12.1 Betiteln Sie jeden Frame, damit er identifiziert und navigiert werden kann. | |
12.2 Beschreiben Sie den Zweck eines Frames und die Beziehung zwischen Frames, wenn die Betitelung der Frames alleine dies nicht hergeben. | |
12.3 Teilen Sie große Informationsblöcke in kleinere, besser handhabbare Gruppen, wenn es natürlich und angemessen ist. | |
12.4 Verknüpfen Sie Formularbezeichnungen (labels) explizit mit ihren Formularfeldern. | |
Kategorie 13 Bieten Sie eine klare und konsistente Navigation an - Informationen zur Orientierung, Navigationsleisten, eine Gesamtübersicht (sitemap) usw. - um den Benutzer eher zu seinem gewünschten Ergebnis zu führen. | |
13.1 Benennen Sie deutlich das Ziel eines jeden Links. | |
13.2 Bieten Sie Meta-Informationen an, um höherwertige semantische Informationen zur Site zu geben (z.B. Site-Map). | |
13.3 Bieten Sie Informationen zum allgemeinen Layout einer Site an (z.B. Site-Map, Inhaltsverzeichnis). | |
13.4 Bieten Sie eine konsistente Navigation an. | |
13.5 Bieten Sie Navigationsleisten an, die sowohl hervorheben als auch Zugang zur Navigation geben. | |
13.6 Gruppieren Sie themenverwandte Links, benennen Sie die Gruppe (für die Zugangssoftware) und bieten Sie eine Möglichkeit, sie zu überspringen. | |
13.7 Bieten Sie verschiedene Suchmöglichkeiten für unterschiedliche Fähigkeiten und Präferenzen an, wenn eine Suchfunktion angeboten wird. | |
13.8 Bieten Sie sich abhebende Informationen vor Überschriften, Absätzen, Listen usw. an. | |
13.9 Bieten Sie Informationen über Zusammenstellungen von Dokumenten an (z.B. Dokument bestehend aus mehreren Seiten). | |
13.10 Bieten Sie eine Möglichkeit an, mehrzeilige ASCII-Zeichnungen zu überspringen. | |
Kategorie 14 Stellen Sie sicher, dass Dokumente klar und einfach sind, um sie verständlicher werden zu lassen. | |
14.1 Verwenden Sie die klarste und einfachste Sprache, die für den Site-Inhalt angemessen ist. | |
14.2 Ergänzen Sie Text mit Grafik und Audio-Präsentationen, wenn damit das Verständnis ermöglicht wird. | |
14.3 Erzeugen Sie einen Präsentationsstil, der Seiten-übergreifend konsistent ist. | |
Weitere Listen mit Checkpunkten aus der WCAG1:
Weiterführende Informationen:
Lesen Sie, warum ich mich an die Standards halte und warum das Layout mit Cascading Style Sheets statt Tabellen oder Frames gestaltet wurde. Sollten Sie Probleme mit dem Layout haben, so finden Sie in der Liste standardkonformer Browser Links zu entsprechenden Download-Seiten.
Die ![[intern]](../lib/img/intern_hellblau.gif){kind=small}
Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das AccessKey-Pad mit Alt+6.
Verwenden Sie Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.
![[intern]](../lib/img/intern_dunkelblau.gif){kind=small}
