css - 单击时删除链接上的蓝色轮廓,但保留 TAB 选择的轮廓(可访问性)

标签 css focus accessibility selection outline

我有一个可以通过 TAB 键选择的汉堡菜单按钮。当我点击它并打开菜单时,汉堡有这个蓝色轮廓,清楚地表明它是聚焦的。 我不想删除那个蓝色轮廓,因为它可以帮助视力受损的人,而且对于选项卡选择来说它也很棒,但是有没有一种聪明的方法可以仅在有人通过鼠标单击它时删除蓝色轮廓。只是美学...

感谢您的回答。

干杯

最佳答案

正如您所指出的,蓝色轮廓是出于可访问性原因。

如果您单击该元素,键盘焦点也会移动到该元素。

因此用户必须知道键盘焦点已移至该元素。

有些残障人士可能想使用鼠标跳转到特定选项卡,但出于方便的原因,他们随后使用键盘。

关于css - 单击时删除链接上的蓝色轮廓,但保留 TAB 选择的轮廓(可访问性),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42624796/

相关文章:

html - 标题属性的可访问性

ios - 在设置->通用->辅助功能 iOS 7 中切换控制

html - 为什么我不能使用显示:table-row with list-style-type:decimal?

javascript - 将元素的高度设置为屏幕高度 - Angular2

html - 将占位符居中并在文本字段中输入文本

javascript - AngularJS2 : How to focus input like document. getElementById(..).focus 在 javascript 中?

java - 按下按钮时清除编辑文本焦点并隐藏键盘

Javascript 回调函数在 fadeOut/fadeIn CSS3 Transition 中不起作用

java - 如何使用 ProgressMonitor 窗口而不失去对主 JFrame 的焦点?

html - 标签与输入无关