Shortcut in WebApp

# Shortcut in WebApp Mit dem Attribut `accesskey` in HTML kann in einer Webapp® ein Shortcut für einen ›Button‹ oder auch ein ›Anchor‹-Tag festgelegt werden. Wie dieser dann genau aufgerufen werden kann hängt dann allerdings vom Browser ab. ## Beispiel Um in einer App die Home-Route aufzurufen klickt man normalerweise oben links auf das Logo. Dazu muss man sich aber mit dem Maus-Cursor dort hin bewegen. Mit einem Shortcut `h` für »HOME« könnte das auch per Tastatur möglich sein. Dazu wird im HTML-Code der Seite das ›Anchor‹-Tag mit dem genannten Attribut versehen:

~~~html
HOME
~~~

Üblicherweise wird der Buchstabe für diesen eingerichteten Shortcut per Unterstrich gekennzeichnet. Hier im Beispiel verwende ich so den *Über*strich:

~~~css
a span > em {
    color: inherit;
    text-decoration: overline;
    font-style: normal;
}
~~~

## Safari Hier ist es nötig zusätzlich zu dem Shortcut-Buchstaben die Tastenkombination **⌃⌥** (control + option) zu drücken, also im Beispiel `⌃⌥`+`h`, denn als ›accesskey‹ wurde ein *kleines* `h` angegeben.

HTML