Fokus auf Track-Element

Kayce Basques

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

1. Öffnen Sie die Console.

2. Klicken Sie auf Live-Ausdruck erstellen .

   

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

3. Geben Sie document.activeElement ein.

4. Klicken Sie auf eine Stelle außerhalb der Benutzeroberfläche Live-Ausdruck, um die Änderungen zu speichern.

Der Wert, der unter document.activeElement angezeigt wird, ist das Ergebnis des Ausdrucks. Da dieser Ausdruck immer das fokussierte Element darstellt, können Sie jetzt immer verfolgen, welches Element im Fokus ist.

• 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 Bereich „Elemente“ einblenden aus, um das Element im DOM-Baum des Steuerfelds Elemente einzublenden.
• 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 Console verwenden können.