Warum ist die Website barrierefrei?

Wahrnehmbarkeit

Design-Prinzip

Stellen Sie sicher, dass alle Funktionen und Informationen in einer Form präsentiert werden, die von jedem wahrgenommen werden können - mit Ausnahme der Aspekte, die in Worten nicht erfasst werden können.

Bedeutung des Prinzips

Wesentlich für jeden Zugang zu Webinhalten ist die Möglichkeit des Benutzers, die Inhalte in einer für ihn wahrnehmbaren Form zu erhalten.

Die Bedingungen dieses Prinzips begünstigen Menschen mit Sinnesbehinderungen und erlaubt es ihnen Information in einer für sie wahrnehmbaren Form zu erhalten. Diese Bedingungen begünstigen auch Menschen mit kognitiven Behinderungen oder Sprachstörungen, indem Angaben zu Formaten enthalten sind, die sowohl von Standardsoftware als auch von Hilfsmitteln interpretiert werden können, und somit die Webinhalte in einer für sie verständlichen Art und Weise präsentieren können.

Bedingung 1.1 - Textäquivalente

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

Für alle Inhalte, die nicht als Text angeboten werden und aber in Worten beschrieben werden können, ist eine gleichwertige Textalternative der Funktion oder der Information anzubieten, die der ursprüngliche Inhalt vermitteln sollte.

Bedingungen aus der BITV: 1.1, 1.2, 1.5 ([intern] Textäguivalente und -alternativen).

Umsetzung: Alle Grafiken auf der Website sind alternativ durch Text beschrieben bzw. ersetzt. Dabei wird bei

  1. Funktionalen Grafiken (z.B. grafische Links, Navigation, Grafik mit Text) die Funktion beschrieben
  2. Grafik mit optischen Zwecken (ohne informativen Charakter) ein Ersatz geboten
  3. komplexen Grafiken (z.B. Screenshots) eine lange Beschreibung beigefügt.

Bedingung 1.2 - zeitbasierte Präsentationen

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

Bieten Sie synchronisierte Medienalternativen für zeitbasierte Präsentationen an.

Bedingungen aus der BITV: 1.3, 1.4 ([intern] Textäguivalente und -alternativen).

Umsetzung: Zur Zeit sind keine zeitbasierten Präsentationen in der Website eingebunden.

Bedingung 1.3 - Style-Sheets für Layout

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

Stellen sie alle Inhalte und Strukturen unabhängig von der Präsentation bereit.

Bedingungen aus der BITV: 2.1 ([intern] Farben und Kontraste); 3.1, 3.3, 3.4 ([intern] Trennung von Inhalt und Layout).

Umsetzung: Das Erscheinungsbild der Website basiert ausschließlich auf der strukturierten Darstellung der Inhalte. Damit die Dokumentstruktur sinnvoll in Browsern dargestellt wird, ist ein Cascading Style Sheet (CSS) eingebunden. Bei Bedarf kann jedoch jeder Benutzer ein eigenes Style Sheet zur Betrachtung der Website einbinden. Ebenso sind alternative Style Sheets für andere Ausgabegeräte möglich.

Bedingung 1.4 - Style-Sheets für Hervorhebung

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

Heben Sie Strukturen mittels Präsentation(en), Positionierungen und Bezeichnungen hervor.

Bedingungen aus der BITV: 12.1, 12.4 ([intern] Kontextuelle Hilfen); 10.2 ([intern] Kompatibilität mit Hilfsmitteln).

Umsetzung: Der Inhalt der Website ist mittels Überschriften verschiedener Ordnung, Listen, Tabellen und Sprungmarken stark strukturiert. Unterstützend wirken Symbole, die die Hierarchiestufe des folgenden Textes illustrieren. Zusätzlich sind Seiten und Unterseiten durch eine Pfaddarstellung hierarchisch zuordenbar.

Bedingung 1.5 - Farben und Kontraste

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

Stellen Sie sicher, dass sich Vordergrund- und Hintergrundinformationen sowohl in der auditiven als auch in der visuellen Darstellung unterscheiden lassen.

Bedingungen aus der BITV: 2.2, 2.3 ([intern] Farben und Kontraste).

Umsetzung: Bei der Wahl der Vorder- und Hintergrundfarbe ist stets auf einen möglichst hohen Kontrast hin optimiert worden. Zusätzlich können Benutzer eigene Farben für Textelemente definieren, wenn dies die Lesbarkeit für ihre Bedürfnisse erhöht. Zur Zeit sind keine auditiven Informationen in der Website vorhanden.

Bedingung 1.6 - Natürliche Sprache

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

Stellen Sie Informationen für die eindeutige Dekodierung von Text und Worten im Inhalt bereit.

Bedingungen aus der BITV: 4.3, 4.1 ([intern] Sprachliche Besonderheiten).

Umsetzung: Sämtliche Texte sind in einer natürlichen Sprache formuliert und im Dokumentenkopf eindeutig gekennzeichnet. Ausnahmen, z.B. Begriffe in englischer Sprache, sind ebenfalls mit den entsprechenden Auszeichnungen gekennzeichnet. Auf dieser Präsenz handelt es sich vorwiegend um die deutsche Sprache. Aber auch z.B. die Gebärdensprache gilt als natürliche Sprache, auch wenn es hierfür noch keine international gültige Auszeichnung gibt. Bei Links auf andere Seiten zeigt ein Symbol die Sprache der Zielseite an.

Ü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