İzleme öğesinin odağı

Kayce Basques

Bir sayfanın klavyeyle gezinme erişilebilirliğini test ettiğinizi varsayalım. Sekme tuşuyla sayfada gezinirken bazen odağı olan öğe gizlendiğinden odak halkası kaybolur. Odaklanılan öğeyi Geliştirici Araçları'nda izlemek için:

1. Konsolu açın.

2. Canlı İfade Oluştur'u tıklayın.

   

   Daha fazla bilgi için Canlı İfadeler ile JavaScript değerlerini gerçek zamanlı olarak izleme başlıklı makaleye bakın.

3. document.activeElement yazın.

4. Kaydetmek için Canlı İfade kullanıcı arayüzünün dışını tıklayın.

document.activeElement altında gördüğünüz değer, ifadenin sonucudur. Bu ifade her zaman odaklanılan öğeyi temsil ettiğinden artık hangi öğeye odaklanıldığını her zaman takip edebilirsiniz.

• Görüntü alanında odaklanılan öğeyi vurgulamak için fareyle sonucun üzerine gelin.
• Sonucu sağ tıklayın ve Öğeler panelinde DOM Ağacı'ndaki öğeyi göstermek için Öğeler panelinde göster'i seçin.
• Sonucu sağ tıklayın ve Konsol'da kullanabileceğiniz düğüme bir değişken referansı oluşturmak için Genel değişken olarak depola'yı seçin.