Firefox在不同计算机上的“视觉隐藏”体验不一致

Question

我正在使用CSS通过将锚标签缩小到1x1正方形来可视地隐藏锚标签。当用户关注它时，我正在使用CSS取消隐藏它（并在焦点移开后再次重新隐藏它）。

我的问题-在Firefox（苹果机和Windows）上，它非常适合我，但是其他几个人在选择标签/定位到定位标记时遇到了麻烦；因此，他们无法触发CSS模式，从而无法看到锚标记。在6台计算机（全部为mac）上进行测试后，其中两台计算机无法进入该定位标记，其余计算机可以-每个人都在Firefox 65.0.1（64位）上运行。

我真的对这里发生的事情感到困惑。

这是视觉上隐藏的CSS：

.visuallyhidden, .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.visuallyhidden:focus, .sr-only:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

这是锚标记：

<a class="visuallyhidden video__audioDesc" rel="featured-video" target="_blank" href="#" id="video__audioDescID">Video Link</a>

在此先感谢您的帮助！