Überschriften einblenden bei onfocus

Die folgenden zwei Beispiele wurden bisher nur in Opera 9.2 getestet. Mit der strukturellen Navigation über Überschriften (Tasten "s" bzw. "w") können die Überschriften dieser Seite nacheinander in Opera fokussiert werden. Die beiden Beispiele unten enthalten unsichtbare Überschriften, die beim Fokussieren in irgendeiner Weise hervorgehoben werden sollen. Im ersten Beispiel wird die Überschrift eingeblendet und in dem zweiten Beispiel wird der Bereich um die Linkliste hervorgehoben.

An dieser Stelle sei auch  Angie Radtke gedankt, die mit dem JavaScript ausgeholfen hat.

Beispiel 1: Überschrift einblenden

Es folgt eine unsichtbare Überschrift. Sofern JavaScript aktiv ist, wird sie beim Fokussieren im Browser Opera (Tasten "S" und "W") eingeblendet.

Eine unsichtbare Überschrift

Das Einblenden solcher unsichtbaren Überschriften erfordert einen entsprechenden Platz im grafischen Design.

Hinweis: Werden Überschriften auf diese Weise versteckt ist diese Methode (visibility:hidden;) nicht kompatibel mit Screenreadern.

Beispiel 2: Bereich hervorheben

Auch das folgende Beispiel erfordert aktiviertes JavaScript. Im Gegensatz zum ersten Beispiel wird jedoch nicht die Überschrift eingeblendet, sondern der Bereich hervorgehoben. Der Opera-Nutzer kann nun mit den Tasten "A" und "Q" die Links navigieren.

Diese Methode funktioniert auch mit Screenreadern, weil die versteckte Überschrift außerhalb des Bildschirmbereichs positioniert wird.

Zurück zu den Erläuterungen