İzleme öğesinin odağı

Kayce Basques
Kayce Basques
Alexandra Klepper
Alexandra Klepper

Bir sayfanın klavye ile gezinme erişilebilirliğini test ettiğinizi varsayalım. Sayfada Sekme tuşuyla gezinirken odaklanılan öğe gizlendiği için odak halkası bazen kayboluyor. 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.

    Canlı ifade oluşturma

    Daha fazla bilgi için Watch JavaScript values in real-time with Live Expressions (Canlı ifadelerle JavaScript değerlerini gerçek zamanlı olarak izleme) başlıklı makaleyi inceleyin.

  3. document.activeElement yazın.

  4. Kaydetmek için Live Expression arayüzünün dışını tıklayın.

document.activeElement işaretinden sonraki değer, ifadenin sonucudur. Bu ifade her zaman odaklanılan öğeyi temsil ettiğinden, hangi öğenin odaklandığını takip edebilirsiniz.

  • Fareyle sonucun üzerine gelerek odaklanılan öğeyi görüntü alanında vurgulayın.
  • Sonucu sağ tıklayın ve Nesne panelinde aç'ı seçerek öğeyi Nesneler panelindeki DOM ağacında gösterin.
  • Sonucu sağ tıklayın ve Store as global variable'ı (Genel değişken olarak sakla) seçerek Console'da (Konsol) kullanabileceğiniz düğüme değişken referansı oluşturun.