首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >制表符索引,轮廓仅带制表符按钮

制表符索引,轮廓仅带制表符按钮
EN

Stack Overflow用户
提问于 2018-05-22 18:35:32
回答 2查看 5K关注 0票数 1

我正在尝试修复我网站上的辅助功能,并使用tabindex来管理选项卡按钮的导航。我注意到带有tabindex的元素都有一个轮廓,无论是在选项卡焦点上还是在单击时。我会在单击(或拖动)时删除轮廓,并将其保留在选项卡焦点上。

有没有解决这个问题的解决方案(可能在css中)?

EN

回答 2

Stack Overflow用户

发布于 2018-06-06 04:27:51

目前,如果JavaScript不检测键盘和鼠标上焦点的差异,就没有简单的方法来实现这一点。但是,有一个名为:focus-visible (以前称为:focus-ring)的新CSS pusedo类可以解决这个问题。它允许您只为键盘用户设置焦点指示器的样式,而不将其应用于鼠标用户。

目前它是没有打开功能标志的not supported in any browser,但是有一个polyfill available可以让你使用它。

其他资源:A11ycast focus-ring

票数 3
EN

Stack Overflow用户

发布于 2018-05-23 02:45:38

这是不可能的。

当您使用鼠标单击某个元素时,您将同时移动定点设备焦点和keyboard focus

WCAG要求keyboard focus indicator be always visible on any keyboard operable element (无论它如何移动)。通过设置tabindex,您使其可在键盘上操作,因此您必须遵守此规则,即使该元素先前已被鼠标激活,也会导致键盘焦点移动到此处。

此外,许多辅助技术可以在不使用Tab键的情况下对元素进行聚焦(例如,语音识别软件、眼球跟踪设备、一些屏幕阅读器)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50465564

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档