PC Magazin Classic XXL Geheime Tools von Microsoft (Vorschau)

128
it professional
Webseiten konzipieren und umsetzen
#unternavigation a:hover, a:focus,
a:active {
background: #ffffff;
color: #000033;
}
#unternavigation a:hover, a:focus,
a:active {
background: #ffffff;
color: #000033;
}
#kopfbereich ul li {
display: inline;
}
Die Reihenfolge sollte für den Benutzer logisch
und nachvollziehbar aufgebaut sein.
Die Tabulator-Reihenfolge leitet sich dabei
automatisch von der Position der Elemente
im Quelltext ab. Achten Sie also darauf, dass
die Reihenfolge hier mit der Anzeige auf der
Seite übereinstimmt. Wenn das nicht möglich
ist, verwenden Sie das Attribut tabindex und
vergeben Sie fortlaufende Nummern in der
entsprechenden Reihenfolge.
Zudem ist bei längeren und in mehrere Hierarchie-Ebenen
gegliederten Navigationsleisten
ein Link zum Überspringen der Bedienelemente
sinnvoll. Per CSS-Definition kann der Link
so eingestellt werden, dass er nicht sichtbar
ist. Screenreader und andere Hilfsprogramme
werden ihn im Quelltext trotzdem finden.
Legen Sie um einzelne Navigationsbereiche
immer einen Container vom Typ Überschrift.
Also für die Hauptnavigation, für
die Unternavigation usw. Behalten Sie diese
Struktur durch die gesamte Webseite hindurch
bei. So ist es möglich, von Navigation
zu Navigation zu navigieren. Den Bedienelementen
wird dabei auch die selbe Bedeutung
wie Überschriften beigemessen.
Kontakt
Sie müssen auf Farben nicht verzichten. Achten
Sie dabei auf die Lesbarkeit in der farblich
umgekehrten Ansicht.
Wegbeschreibung
Impressum
Startseite
Barrie
refreiheit
Sitemap
8 Erklären Sie das Ziel eines Links
Mehrere gleiche Linktitel wie mehr oder weiter
sind für sehbehinderte Benutzer nur schwer
zuzuordnen. Verwenden Sie eindeutige Bezeichnungen
und geben Sie wenn möglich
immer ein titel-Attribut mit:
Hier
gelangen Sie zum ausführlichen Bericht
„Barrierefreiheit“
Die meisten gängigen Standard-Browser interpretieren
diese Erklärung wieder als Tool-
Tipp. Das kann auch jedem anderen Besucher
hilfreich sein. Weisen Sie den Benutzer auch
darauf hin, wenn er Ihre Seite über einen Link
verlässt, ein neues Fenster geöffnet oder ein
abweichendes Dateiformat (z.B. ein PDF-Dokument)
darüber geladen wird.
9 Abkürzungen: Zett Punkt Be Punkt
Auch ganz gängige Abkürzungen können von
Screenreadern oft nicht eindeutig interpretiert
werden. Liefern Sie deshalb die Bedeutung
mit. Handelt es sich bei der Abkürzung um
einen Begriff in einer anderen Sprache, dann
umschließen Sie die Textstelle mit einem
Container und vergeben ein lang-Attribut. Es
gibt zwei Möglichkeiten diese Erklärung einer
Abkürzung zuzuordnen: Entweder über das
Attribut acronym oder über abbr. Der Internet-
Explorer unterstützt das abbr-Tag aber nur
teilweise, deshalb verwenden wir acronym.
HTML
Herkömmliche Browser interpretieren diese
Erklärung meistens wieder als Tool-Tipp.
10 Verzichten Sie auf Tabellen
Zum Layout-Aufbau barrierefreier Webseiten
sind Tabellen grundsätzlich tabu. Im Inhalt
sollten Sie darauf verzichten.
Lässt es sich in Einzelfällen nicht vermeiden,
dann benutzen Sie auf jeden Fall das -
Attribut, um Tabellenköpfe auszuzeichnen
und erklären Sie darin den Inhalt der folgenden
Tabelle.
pk
Screenreader lesen den Quelltext: Aber auch sehenden Menschen sind
Zusatzinformationen oft eine Hilfe.
Auch in barrierefreien Webseiten sind Bilder im Layout einsetzbar.
Beschränken Sie sich auf wenige Bilder.
PC Magazin 1/2012 www.pc-magazin.de