Fokus auf Track-Element

Kayce Basques

Twitter GitHub Glitch

Angenommen, Sie testen die Barrierefreiheit einer Seite über die Tastaturnavigation. Wenn Sie mit der Tabulatortaste auf der Seite navigieren, verschwindet der Fokusring manchmal, weil das fokussierte Element ausgeblendet ist. So verfolgen Sie das fokussierte Element in den Entwicklertools:

1. Öffnen Sie die Console.

2. Klicken Sie auf Liveausdruck erstellen .

   

   Weitere Informationen finden Sie unter JavaScript-Werte mit Live Expressions in Echtzeit beobachten.

3. Geben Sie document.activeElement ein.

4. Klicken Sie zum Speichern auf eine Stelle außerhalb der Benutzeroberfläche für Live-Ausdrücke.

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 im Fokus ist.

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