04.11.2013 Aufrufe

Joomla kompakt - Brain-Media.de Brain-Media.de

Joomla kompakt - Brain-Media.de Brain-Media.de

Joomla kompakt - Brain-Media.de Brain-Media.de

MEHR ANZEIGEN
WENIGER ANZEIGEN

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

184 <strong>Joomla</strong>! barrierefrei<br />

Um auch diese optisch wie<strong>de</strong>r ansprechend zu gestalten, müssen wir nun sowohl<br />

<strong>de</strong>n Trennpunkt als auch die Nummerierung wie oben bereits beschrieben für alle<br />

grafischen Browser ausblen<strong>de</strong>n. Die relevanten CSS-Elemente sind die Klasse<br />

hi<strong>de</strong>this für <strong>de</strong>n Trennpunkt und <strong>de</strong>r dfn-Tag selbst. Nach<strong>de</strong>m wir dfn, .hi<strong>de</strong>this<br />

{position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow:<br />

hid<strong>de</strong>n, display: inline;} in <strong>de</strong>r Datei template_css.css ergänzt haben, erhalten wir<br />

auch optisch das gewünschte Bild.<br />

Für unsere Servicenavigation am En<strong>de</strong> <strong>de</strong>r Website ergänzen wir zunächst die<br />

Menüpunkte Volltextsuche und Wörterbuch, in<strong>de</strong>m wir sie mit <strong>de</strong>r Komponente<br />

Search bzw. RD Glossary verlinken. Über eine neue Verlinkung verweisen wir<br />

zu<strong>de</strong>m auf eine im Static Content Manager erstellte Hinweisseite zur Zugänglichkeit.<br />

Nach erfolgter Ordnung <strong>de</strong>r Punkte ergänzen wir auch hier die zugehörigen<br />

Accesskeys gemäß <strong>de</strong>m britsischen Accesskey-Standard.<br />

Die Servicenavigation.<br />

7.3.6 Sprungmarken (Skip Links)<br />

Wie im bisherigen Verlauf <strong>de</strong>s Tutorials schon mehrfach erwähnt, nutzen nichtvisuelle<br />

Ausgabegeräte lediglich eine eindimensionale Richtung <strong>de</strong>r Informationsdarstellung<br />

gemäß <strong>de</strong>r Reihenfolge <strong>de</strong>r Elemente im Quelltext. Dabei wird dieser<br />

Zeile für Zeile abgearbeitet und ausgegeben. Häufig stehen jedoch vor <strong>de</strong>m eigentlich<br />

für <strong>de</strong>n Nutzer interessanten Hauptinhalt einer Seite eine Reihe weiterer Informationen<br />

und die Hauptnavigation. Um es Nutzern dieser assistiven Technologien<br />

zu ermöglichen, schnell und ohne Umwege über nochmalige Ausgabe bestimmter<br />

Seitenbereiche zu <strong>de</strong>n relevanten Informationen zu gelangen, haben sich<br />

Sprungmarken als ein probates Mittel erwiesen. Dabei wer<strong>de</strong>n zentrale Seitenbereiche,<br />

wie beispielsweise <strong>de</strong>r Beginn <strong>de</strong>s Contentbereichs o<strong>de</strong>r <strong>de</strong>r Anfang <strong>de</strong>r<br />

Haupt- und Servicenavigation, mit einem Textanker versehen. Zu Beginn <strong>de</strong>s Dokumentes<br />

wird daraufhin ein zusätzliches Menü eingefügt, welches es <strong>de</strong>n Nutzern<br />

erlaubt, bei einem Reload sofort zu <strong>de</strong>n jeweiligen Seitenbereichen zu gelangen.<br />

Für die Umsetzung dieses Punktes ist es notwendig, eine Modifikation am Quelltext<br />

<strong>de</strong>r In<strong>de</strong>x-Datei unseres Templates vorzunehmen. Zum einen müssen zentrale<br />

Textanker ergänzt wer<strong>de</strong>n. Zum an<strong>de</strong>ren ist eine händische Eingabe <strong>de</strong>r Sprungmarken<br />

im Quelltext notwendig, da das in <strong>Joomla</strong>! integrierte Menüsystem die<br />

Vergabe von Sprungmarken und die Eingabe von Co<strong>de</strong> nicht erlaubt. Wir fügen<br />

zunächst vor Beginn <strong>de</strong>r Hauptnavigation, vor Beginn <strong>de</strong>r Servicenavigation und<br />

www.brain-media.<strong>de</strong>

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!