İzleme öğesinin odağı

Kayce Baskçalar

Twitter GitHub Glitch

Bir sayfanın klavyeyle gezinme erişilebilirliğini test ettiğinizi varsayalım. Sayfada Sekme tuşuyla gezinilirken bazen odağın bulunduğu öğe gizli olduğu için odak halkası kaybolur. Odaklanılan öğeyi Geliştirici Araçları'nda izlemek için:

1. Konsol'u 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 konusuna 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 odaklandığı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 öğeyi Öğeler panelindeki DOM Ağacı'nda göstermek için Öğeler panelinde göster'i seçin.
• Konsol'da kullanabileceğiniz düğüm için değişken referansı oluşturmak üzere sonucu sağ tıklayın ve Genel değişken olarak depola'yı seçin.