gol*_*ate 4 css accessibility hyperlink tabindex
我正在尝试修复网站上的可访问性并使用选项卡按钮管理导航，我正在使用 tabindex。我注意到带有 tabindex 的元素在选项卡焦点和单击时都有一个轮廓。我会在单击（或拖动）时删除轮廓并将其保留在选项卡焦点上。
有没有解决方案（也许在CSS中）来解决这个问题？
目前，如果 JavaScript 不检测键盘和鼠标焦点之间的差异，就没有简单的方法可以实现这一点。然而，有一个新的 CSS pusedo-class 称为:focus-visible（以前称为:focus-ring）可以解决这个问题。它允许您仅为键盘用户设置焦点指示器的样式，而不将其应用于鼠标用户。
目前，如果不打开功能标志，任何浏览器都不支持它，但有一个可用的填充程序可以让您使用它。
附加资源：A11ycast 对焦环