5 Stimmen

HTML-Attribut accesskey funktioniert nicht wie gewünscht

Ich habe also alle verschiedenen HTML-Tags und -Attribute getestet und die Dinge ein wenig aufgefrischt, und aus irgendeinem Grund scheint accesskey nicht zu funktionieren.

Das accesskey-Attribut wird verwendet, um einem Element einen Schlüssel zuzuweisen. Je nach Betriebssystem wird durch Drücken der Tastenkombination Alt+diese Taste (Windows) oder Cmd+diese Taste (Mac) der Fokus auf dieses Element gelegt.

Hier ist eine Kleinigkeit:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        a:focus{
            color:red
        }
    </style>
</head>
<body>
    <a accesskey="x" target="new" href="#">Hello</a>
</body>
</html>

Ich arbeite also mit einem Windows-Rechner. Ich erwarte also, dass der Anker rot wird, wenn ich Alt+x drücke. Doch das ist nicht der Fall. Ist etwas mit dem Code nicht in Ordnung, oder erwarte ich das Falsche, was passieren soll?

Bei Firefox passiert nichts. Google Chrome öffnet eine neue Registerkarte (wie es sollte, das Zielattribut sagt "neu", was bedeutet, in einer neuen Registerkarte/einem neuen Fenster zu öffnen) und IE springt zu dem Anker, tut aber nichts weiter.

16voto

bobince Punkte 512550

Der Zugriffstastenmodifikator von Firefox ist Umschalt+Alt.

6voto

Alt + [die Zugriffstaste]

    Internet Explorer for Windows
    Chrome for Windows (not that Shift is required in some circumstances
    Safari for Windows

Shift + Alt + [die Zugriffstaste]

    Firefox for Windows

Strg + Option + [die Zugriffstaste]

Safari for Mac
Chrome for Mac
Firefox for Mac

4voto

Wenn Sie entschlossen sind, Zugriffstasten zuzuweisen (und es mag gute Gründe dafür geben, diese schrecklich implementierte Funktion zu nutzen), sollten Sie einen Blick auf WebAIM's Seite über Accesskeys in dem einige der Hindernisse beschrieben werden, mit denen Sie konfrontiert werden.

Auf dem Mac verwenden die meisten Browser, die Zugriffstasten unterstützen - mit Ausnahme von Opera - die Steuerungstaste und nicht die Befehlstaste. Opera verwendet offenbar Shift-Esc ... wer hätte das gedacht?

3voto

John Topley Punkte 110122

Sie müssen die Eingabetaste drücken, um dem Link zu folgen, wenn er im IE den Fokus hat.

0voto

Jared Punkte 38791

In Firefox müssen Sie Shift+Alt drücken. Im IE setzt das Drücken der Modifier-Taste nur den Fokus auf dieses Element, das ist so gewollt. Dies sind die einzigen beiden Browser, die mit meinem Screenreader zugänglich sind, daher kann ich Ihnen keine weiteren Informationen zu anderen Browsern geben.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X