Warum ist die Website barrierefrei?

Navigierbarkeit

Design-Prinzip

Schaffen Sie eine inhaltsbezogene Orientierung und Navigation.

Bedeutung des Prinzips

Wichtig für die effektive Nutzbarkeit von Webinhalten ist die Fähigkeit, sich auf einer Seite und innerhalb einer Website zu orientieren und die Orientierung zu behalten sowie die Fähigkeit sich innerhalb einer Website oder auf einer Seite zu bewegen.

Bedingung 3.1 - Logische Struktur

[extern, englisch] Quelle: http://www.w3.org/WAI/GL/WCAG20/WD-WCAG20-20030108.html#logical-structure.

Bieten Sie Strukturen für Inhalte an.

Bedingungen aus der BITV: 5.1, 5.2 ([intern] Tabellen); 3.5, 3.6, 3.7 ([intern] Trennung von Inhalt und Layout); 12.3 ([intern] Kontextuelle Hilfen); 13.2 ([intern] Navigation und Orientierung).

Umsetzung: Der Inhalt der Website ist stark strukturiert. Dazu gehören neben Überschriften verschiedener Ordnung auch Listen, Tabellen und Sprungmarken innerhalb der Seiten. Dadurch ist es auch möglich, den Inhalt der Seiten zu überfliegen, ohne alle Inhalte direkt zu lesen.

Bedingung 3.2 - Mehrfache Navigationsmechanismen

Quelle: [extern, englisch] http://www.w3.org/WAI/GL/WCAG20/WD-WCAG20-20030108.html#nav-mech.

Bieten Sie mehrere Möglichkeiten an, Webseiten zu durchforsten, wenn diese mehr als zwei Ebenen aufweisen.

Bedingungen aus der BITV: 13.5, 13.9 ([intern] Navigation und Orientierung); 9.5 ([intern] Geräte-Unabhängigkeit).

Umsetzung: Zusätzlich zur hierarchischen Organisation der Seite ist eine thematische Navigation über Links im Text möglich. Weiterhin ist eine Volltextsuche sowie eine Gesamtübersicht eingebunden.

Bedingung 3.3 - Einheitlichkeit

Quelle: [extern, englisch] http://www.w3.org/WAI/GL/WCAG20/WD-WCAG20-20030108.html#consistency

Verwenden Sie eine einheitliche (aber nicht notwendigerweise identische) Präsentation.

Bedingung aus der BITV: 14.3 ([intern] Verständlichkeit).

Umsetzung: Alle Seiten folgen einem einheitlichen Aufbau für Navigation, Inhalt und Metafunktionen. Im Inhalt selber sind jedoch abhängig vom Text verschiedene Elemente verwendetet worden, die aber alle dem seiteneinheitlichen Stil entsprechen.

Bedingung 3.4 - Rückmeldungen

Quelle: [extern, englisch] http://www.w3.org/WAI/GL/WCAG20/WD-WCAG20-20030108.html#consistent-responses.

Bieten Sie einheitliche und erwartungsgemäße Rückmeldungen für Aktionen des Benutzers.

Bedingungen aus der BITV: 13.1, 13.4 ([intern] Navigation und Orientierung); 9.4 ([intern] Geräte-Unabhängigkeit); 10.1 ([intern] Kompatibilität mit Hilfsmitteln).

Umsetzung: Die Webseiten sind derart gestaltet, dass nicht von unvorhergesehenen Rückmeldungen auszugehen ist. Sollte ein neues Fenster bei Klick auf einen externen Link geöffnet werden, so wird dies vorher am Link angezeigt.

Bedingung 3.5 - Korrekturmöglichkeiten

Quelle: [extern, englisch] http://www.w3.org/WAI/GL/WCAG20/WD-WCAG20-20030108.html#consistent-behaviors.

Bieten Sie Methoden an, um die Fehlerhäufigkeit zu minimieren und stellen Sie verständliche Korrekturmöglichkeiten bereit.

Bedingung aus der BITV: 13.7 ([intern] Navigation und Orientierung).

Umsetzung: Es wird eine phonetische Suchfunktion angeboten. Bei Fehleingaben beispielsweise bei der Seitenadresse werden mehrere Möglichkeiten der Korrektur angeboten, einschließlich einer Gesamtübersicht.

Über das CSS-Design

Lesen Sie, [intern] warum ich mich an die Standards halte und warum das Layout mit [intern] Cascading Style Sheets statt Tabellen oder Frames gestaltet wurde. Sollten Sie Probleme mit dem Layout haben, so finden Sie in der [intern] Liste standardkonformer Browser Links zu entsprechenden Download-Seiten.

Suchen Sie was auf barrierefreies- webdesign.de?


Entspricht die Seite den W3C-Normen?


validiertes XHTML 1.0
validiertes CSS

Die [intern] Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das -Pad mit Alt+6.

Der schnelle Seitenzugriff

Verwenden Sie [intern] Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.

 

[intern] Startseite [intern] Know-How [intern] Bücher [intern] Richtlinien [intern] Links [intern] Kontakt

Logo: Xplain  Die Entstehung