Fokus auf Track-Element

Kayce Basques

Alexandra Klepper

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

1. Öffnen Sie die Console.

2. Klicken Sie auf  Live-Ausdruck erstellen.

   

   Weitere Informationen

3. Geben Sie document.activeElement ein.

4. Klicken Sie außerhalb der Live Expression-Oberfläche, um die Änderungen zu speichern.

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

• Bewegen Sie den Mauszeiger auf das Ergebnis, um das fokussierte Element im Viewport hervorzuheben.
• Klicken Sie mit der rechten Maustaste auf das Ergebnis und wählen Sie Im Bereich „Elemente“ öffnen 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 für den Knoten zu erstellen, die Sie in der Konsole verwenden können.