HTML accesskey-Attribut
Das HTML accesskey-Attribut ist ein globales Attribut und legt eine Tastenkombination zum Aktivieren oder Fokussieren eines bestimmten Elements fest. Der Attributwert sollte aus einem oder mehreren druckbaren Zeichen bestehen (es wird nur das erste verwendet).
In HTML4.1 kann das accesskey-Attribut nur mit den folgenden Elementen verwendet werden: <a>, <area>, <button>, <input>, <label>, <legend>, und <textarea>.
In HTML5 kann dieses Attribut mit jedem Element verwendet werden.
Das Auslösen der Tastenkombination variiert je nach Browser.
Wenn mehrere Elemente denselben accesskey haben, wechseln moderne Browser in der Regel zwischen den Elementen hin und her.
Neben der schlechten Browserunterstützung gibt es weitere Bedenken bezüglich des accesskey-Attributs:
- Ein accesskey-Wert kann zu Problemen im Zusammenhang mit der Funktionalität von Hilfstechnologien oder mit System- und Browser-Tastenkombinationen führen.
- Einige accesskey-Werte sind auf bestimmten Tastaturen möglicherweise nicht vorhanden, insbesondere bei der Internationalisierung.
- Ein accesskey-Wert, der aus Zahlen besteht, kann für Menschen mit kognitiven Einschränkungen unklar sein.
- Die Verwendung von accesskey kann die natürliche Tab-Reihenfolge und das Fokusmanagement stören.
DANGER
Aus diesen Gründen wird empfohlen, accesskey nicht für allgemeine Websites und Web-Apps zu verwenden.
Syntax
Syntax des HTML accesskey-Attributs
<tag accesskey="single_character"></tag>Beispiel für das HTML accesskey-Attribut:
Beispiel für das HTML "accesskey "-Attribut
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<a href="https://www.w3docs.com/learn-html.html" accesskey="h">HTMLonline tutorial</a>
<br />
<a href="https://www.w3docs.com/learn-css.html" accesskey="c">CSS online tutorial</a>
<br />
<a href="https://www.w3docs.com/learn-git.html" accesskey="g">GIT online tutorial</a>
<br />
<p>Chrome, Safari, Opera 15+: [ALT] + <strong>accesskey</strong></p>
<p>Firefox: [ALT] [SHIFT] + <strong>accesskey</strong></p>
<p>Opera prior version 15: [SHIFT] [ESC] + <strong>accesskey</strong></p>
<p>macOS: [Ctrl] [Option] + <strong>accesskey</strong></p>
</body>
</html>Practice
Was ist über das HTML accesskey-Attribut wahr?