[*zum Text]   [(barrierefrei-)Hinweise]

{THEMA}Allgemeines

{KAPITEL}(barrierefrei-)Hinweise

{TEXT}

Hinweise zum (barrierefreien) Design der Seiten

Die Seiten von proFRAU sind barrierefrei entsprechend den Richtlinien der Web Accessibility Initiative (WAI), den Web Content Accessibility Guidelines (WCAG), gestaltet. Dazu noch einige Hinweise zum leichteren Surfen,

[*wenn Sie text-basierte Browser verwenden]
[*wenn Sie grafische Browser verwenden]
[*wenn Sie mehr zu den barrierefrei-Richtlinien wissen möchten]
[*LINKS]

wenn Sie text-basierte Browser verwenden

Informationen von grafischen Oberflächen (Farbe, Layout), die in Textform verloren gehen, werden durch zusätzliche Text-Elemente dargestellt (wie in der Richtlinie gefordert).

Dies betrifft

  1. [*Verweise]
  2. [*Grafiken und Bilder]
  3. [*Textbereiche]
  4. [*Navigation]

 

  1. Verweise  
    • jeder Verweis steht zwischen eckigen Klammern, wie z.B. [Kontakt] oder [mehr..].
    • Verweise, die im Text ("nach unten") weiterführen, haben zusätzlich zur eckigen Klammer einen Stern, wie z.B. am Anfang dieser Seite [*wenn Sie ..] oder hier darüber [*Verweise].
    • Verweise auf fremde Seiten haben zusätzlich zur eckigen Klammer eine spitze geschlossene Klammer, wie z.B. [>Biene Award]. Diese Verweise werden in einem neuen Fenster geöffnet.
    • Verweise zu einer eMail-Adresse haben zusätzlich zur eckigen Klammer den Klammeraffen (das at-sign), wie z.B. [@office@proFRAU.at]. Diese Verweise öffnen das Standard-Mailprogramm.
    • die übrigen Verweise führen zu Seiten innerhalb von proFRAU und werden im selben Fenster geöffnet.

    Eine AUSNAHME gibt es: lt. Duden sind Auslassungen in Zitaten durch [...] (Punkte in eckigen Klammern) zu kennzeichnen. Das sind daher keine Verweise.

     

  2. Grafiken und Bilder

    Grafiken, Bilder und Fotos sind durch einen senkrechten Strich mit Doppelpunkt vor und nach der |: Beschreibung :| gekennzeichnet.

     

  3. Textbereiche

    Jeder Bereich einer Seite ist an seinem Beginn durch einen Namen in geschwungenen (geschweiften) Klammern gekennzeichnet, wie z.B. {TEXT} oder {MENUE}.

    Diese Kennzeichnungen sind jeweils auch Links zum nächsten Bereich. Auf diese Weise ist es einfach möglich, rasch von Bereich zu Bereich zu springen.

    Ein Besonderheit ist das {ZITAT}, das keinen Sprung ermöglicht. Es ist nur ein speziell gekennzeichneter Text, weshalb man bis zum {ZITATENDE} weiterlesen muss.

     

  4. Navigation

    Die Navigation am Ende des Textes führt als erstes zur logisch nächsten Seite.

    Die weiteren Links führen zum Seitenanfang, zur logisch vorherigen Seite und zur übergeordneten Seite.

wenn Sie grafische Browser verwenden

Sollten Sie mit der Tabulator-Taste von einem Link zum anderen springen, und die Markierung scheint nicht weiter zu springen bzw. ist nicht sichtbar, wundern Sie sich nicht. Das liegt daran, dass für Blinde und ihre Text-basierten Browser zusätzliche Links eingebaut sind, die ein schnelles Navigieren über die Seite ermöglichen. Diese Links sehen Sie zwar nicht, sie werden aber mit der Tabulator-Taste angesprungen.

Das Layout sollte senkrecht in 2 und waagrecht in 3 Blöcke gegliedert sein. Eine Überprüfung ergab, dass der HTML-Code korrekt ist. Sollte Ihr Browser - obwohl auch noch "veralteter" (deprecated) Code zur korrekten Darstellung vorhanden ist - etwas anderes anzeigen, dann liegt das am Browser.

Für motorisch Behinderte, aber auch für Benutzer von Touch-Screens wurde die Standard-Navigation (zum Textende, weiter, zurück, ...) auf grosse Grafiken gelegt. Die Links am Ende einer Seite sind zum einfacheren Auswählen in der Zeilenhöhe verbreitert. Ebenso die Links im Inhaltsverzeichnis. Über das Inhaltsverzeichnis können Sie auch die Menüs (links und am Ende der Seite), die die übliche Zeilenhöhe haben, erreichen.

Auf eine Möglichkeit zur Änderung der Schriftgrösse wurde verzichtet, da jeder Browser die Möglichkeit bietet, eine Standardgrösse einzustellen. Diese wird in den Seiten - ausgenommen der Titel - für alle Texte verwendet. Im Mozilla© unter Windows© können Sie übrigens die Schriftgrösse ganz einfach mit den Tastenkombinationen Strg-Plus (bzw. Ctrl-Plus) und Strg-Minus (bzw. Ctrl-Minus) grösser bzw. kleiner stellen.

 

Folgende Symbole bilden die Standard-Navigation:

|::|

zum Textende

Mit diesem Button können Sie, statt bis ans Ende der Seite zu blättern, direkt hin springen. Dort finden Sie dann eventuell noch Links, auf jeden Fall aber die folgenden Buttons zum Weitersurfen.

|::|

hinauf zu ...

Mit diesem Button wechseln Sie aus der Ebene, in der Sie sich gerade befinden, in die "darüberliegende" Ebene. An Hand der Menüpunkte erklärt wäre das: aus den Menüpunkten mit den grauen Pfeilen zu den Menüpunkten mit den bunten Symbolen, von diesen zur Startseite.

|::|

zurück zu ...

Mit diesem Button blättern Sie eine Seite in der Ebene zurück. Ist der Beginn eines Themas erreicht, so blättern Sie in den Themen zurück - bis zur Startseite.

|::|

zum Seitenanfang

Mit diesem Button springen Sie an den Seitenanfang und erreichen so das Inhaltsverzeichnis der Seite (wenn vorhanden) bzw. das Menü.

|::|

weiter zu ...

Mit diesem Button gelangen Sie zur "logisch" nächsten Seite. Logisch bedeutet ganz einfach "in der Reihenfolge des Inhaltsverzeichnisses".

|::|

zum Inhaltsverzeichnis (sitemap)

Mit diesem Button gelangen Sie ins Inhaltsverzeichnis. Dort finden Sie nicht nur die Punkte des Menüs, sondern auch die des allgemeinen Menüs am Seitenende.

 

wenn Sie mehr zu den barrierefrei-Richtlinien wissen möchten

Den folgenden Richtlinien entsprechen die Seiten von proFRAU nach der barrierefreien Gestaltung.

|:Valid HTML 4.0!:|

HTML 4.01 Specification
(W3C Recommendation 24 December 1999)

Laut den Punkten 11.1 und 11.2 der WCAG-Richtlinie sollen die neuesten Technologien verwendet werden. Diese Seiten sind entsprechend gestaltet. Auf Kompatibilität zu älteren Browsern wurde ebenfalls geachtet, weshalb teilweise noch "veraltete" (deprecated) Teile enthalten sind. Eine Überprüfung mit dem HTML-Validator ergab korrekten HTML 4.01-Code und berechtigt deshalb zum Führen dieses Zeichens.

|:Valid CSS 2.0!:|

CSS - Cascading Style Sheets, level 2
(W3C Recommendation 12-May-1998)

Laut Punkt 3.3 der WCAG-Richtlinie sollen Layout und Präsentation mittels CSS gestaltet werden. Das trifft für diese Seiten zu. Eine Überprüfung mit dem CSS-Validator ergab korrekten CSS 2.0-Code und berechtigt deshalb zum Führen dieses Zeichens.

|:Level Double-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0:|

WAI - Web Accessibility Initiative
WCAG - Web Content Accessibility Guidelines 1.0
(W3C Recommendation 5-May-1999)

Diese Seiten decken alle geforderten Punkte der Prioritäten 1 und 2 der WCAG-Richtlinie ab. Auch Punkte zur Priorität 3 sind schon berücksichtigt. Das berechtigt zum Führen dieses Zeichens.

|:Lynx Viewer (Delorie):|

Lynx Viewer (Delorie)

Laut Punkt 1.1 der WCAG-Richtlinie ist für grafische Elemente ein Text-Äquvalent zur Verfügung zu stellen. Laut Punkt 2.1 muss die Information auch ohne Farbe darstellbar sein. Zur Kontrolle wurde dieses Programm von Delorie verwendet.

 

LINKS

Mehr zu den diversen Richtlinien finden Sie unter folgenden Adressen:

{NAVIGATION}
[zum Inhaltsverzeichnis (sitemap)]