Estoy interesado en crear un detector de eventos para el selector CSS de "enfoque visible". Si un usuario está usando un dispositivo de accesibilidad o "tabulando" a través de la página web, quiero usar javascript para dibujar un cuadro alrededor del elemento interactivo con el que interactuarán cuando presionen Intro.

Intenté hacer algo como esto:

document.getElementById("myBtn").addEventListener("focus-visable", displayBox);

pero esto, por supuesto, no funcionó ya que "foco visible" no es un evento DOM.