CSS Kochbuch

6.10 Navigationsmenüs mit Tastatursteuerung

Problem

Die Links in einem Navigationsmenü sollen mit Hilfe von Tastaturkürzeln aktiviert werden können.

Lösung

Erzeugen Sie eine ungeordnete Liste mit Links, und verwenden Sie die a-Elemente mit dem Attribut accesskey, um für die verschiedenen Links ein Tastaturkürzel festzulegen:

<div id="navsite">
 <ul>
  <li><a href="/"
accesskey="s">Startseite</a></li>
  <li><a href="/about/"
accesskey="u">über uns</a></li>
  <li><a href="/archives/"
accesskey="a">Archive</a></li>
  <li><a href="/writing/"
accesskey="c">Schreiben</a></li>
  <li><a href="/speaking/"
accesskey="p">Sprechen</a></li>
  <li><a href="/contact/"
accesskey="k">Kontakt</a></li>
 </ul>
</div>

Um die Tastaturkürzel in den Links hervorzuheben, umgeben Sie die ...