Fokus auf Track-Element

Kayce Basques

Angenommen, Sie testen die Barrierefreiheit der Tastaturnavigation einer Seite. Wenn Sie mit der Tabulatortaste durch die Seite blättern, verschwindet der Fokusring manchmal, weil das Element, auf das der Fokus liegt, ausgeblendet ist. So erfassen Sie das Element im Fokus in den Entwicklertools:

1. Öffnen Sie die Console.

2. Klicke auf Live-Emoticon erstellen .

   

   Weitere Informationen finden Sie unter JavaScript-Werte in Echtzeit mit Live-Ausdrücken beobachten.

3. Geben Sie document.activeElement ein.

4. Klicke außerhalb der Benutzeroberfläche von Live-Ausdruck, um ihn zu speichern.

Der Wert unter document.activeElement ist das Ergebnis des Ausdrucks. Da dieser Ausdruck immer das fokussierte Element darstellt, können Sie jetzt immer nachverfolgen, welches Element den Fokus hat.

• Bewegen Sie den Mauszeiger auf das Ergebnis, um das fokussierte Element im Darstellungsbereich hervorzuheben.
• Klicken Sie mit der rechten Maustaste auf das Ergebnis und wählen Sie Im Elementbereich anzeigen aus, um das Element im DOM-Baum im Bereich Elemente anzuzeigen.
• Klicken Sie mit der rechten Maustaste auf das Ergebnis und wählen Sie Als globale Variable speichern aus, um eine Variablenreferenz auf den Knoten zu erstellen, die Sie in der Konsole verwenden können.