Header wird zum Home-Link
Auf vielen Internetseiten ist man es so gewohnt, dass der Header als Link zur Haupt-URL, also zur Homepage führt. Dies funktioniert aber eigentlich nur, wenn der Header Text oder Grafiken enthält die mit dem <a>-Tag versehen werden können. Sollte der Header nur aus einem <div>-Container bestehen (wie auch hier), gibt es keine Möglichkeit den Link-Tag zu setzen.
Eine Lösung ist die Nutzung des Eventhandlers "onclick" innerhalb des <div>-Containers
Und damit das ganze gleichzeitig auch barrierefrei ist, setzt man auch den Handler "onkeypress" dazu.
Da es sich um keinen klassischen Link handelt wird aus dem Cursor leider kein Zeiger. Das erreicht man aber duch einen Zusatz in der Header-ID in der entsprechenden CSS-Datei
. . .
cursor: pointer;
}
Jeder User Eurer Seiten wird sich freuen über den Klick auf den Header direkt zur Startseite kommen zu können.
Schlagwörter:WordPress10 KOMMENTARE
-
Schwer Chef, der Tipp! Danke. Funktioniert perfekt.
Allerdings gibt’s eine kleine Falle, wenn man den Code hier aus dem Blog via Copy & Paste in den Editor frimelt. Dann stimmen die Anführungszeichen und Gänsefüßchen nicht. Also Obacht!
-
Die Anführungszeichen und Gänsefüßchen sind korrigiert – jetzt klappts auch mit copy and paste. Hätte ich auch gleich maskieren können…
-
hertzchen! am 11.08.2006 Permalink
tja, klappt ja leider nicht immer :-)
zur weiteren Barrierereduzierung fehlt mir dann aber noch die Beschreibung…
-
erklär mal wo es nicht klappt
-
wenn Du Dich entsinnst, hatte ich das doch mal genau so bei mir versucht (das orange Ajax Layout)
-
Hatte ich Dir damals nicht den Tipp gegeben den Header-div einfach in <a>-Tags zu setzen und das hatte dann nicht geklappt. Mir war so…
Das mit dem “onclick” habe ich erst gestern gefunden.
-
beide Varianten wollten da nicht…
und ich weiß auch bis heute nicht warum nicht :-( -
Das kann ich nicht verstehen. Bei mir funktionieren beide. Kannst mir bei Gelegenheit ja mal Deine Header Datei schicken.
-
Ich hab deinen Tipp mal für die kommende Version 1.5.0 von BB aufgegriffen und zumindest den onClick-Handler als neue Behaviour fest ins Theme und die Schemes integriert. Wegen der nicht mehr nutzbaren Tastennavigation des Topmenüs habe ich aber auf das Hinzufügen eines onkeypress/onkeyup handlers verzichtet.
Saubere Idee, hätte ich selbst schon viel eher drauf kommen müssen.
Ehre wem Ehre gebührt, darum gibts für dich für den Tip auch nen Credit im Changelog ;) -
Mal wieder aus der Schatzkiste geholt und bei apfelquak eingesetzt! :)
Danke (erneut).
Verwandte Beiträge