css - CSS -webkit-tap-highlight-color : transparent; have accessibility implications?

标签 css accessibility vendor-prefix

此 CSS 代码是否对可访问性有负面影响?

-webkit-tap-highlight-color: transparent;

我不是专家,但我知道有些人很难看到某些颜色,我只是担心如果我删除类型高亮颜色它可能会影响他们(我想删除它因为它使 UI 看起来很奇怪点击时)。

我致力于编写尽可能易于访问的网页,因此在我禁用任何内容之前需要了解其含义,是的,我是新手。

最佳答案

WCAG 中没有可访问性要求需要使用 -webkit-tap-highlight-color

如果您没有设置cursor:pointer,那么您可以删除-webkit-tap-highlight-color,它不会影响任何东西。

-webkit-tap-highlight-color 通常用于在具有 cursor:pointer 的元素时覆盖 webkit 浏览器(Chrome、Safari、Edge)的默认样式> 从移动设备点击。

默认行为是任何明确设置了 cursor:pointer 的元素(或包含元素)在被点击时会瞬间闪烁蓝色。您可以通过确保未设置 cursor:pointer 来绕过整个问题。

关于css - CSS -webkit-tap-highlight-color : transparent; have accessibility implications?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62703507/

相关文章:

CSS 菜单在 IE 中不起作用

css - Bootstrap 相应地对齐选项卡内容

css - Rails 字体未在移动设备上加载但显示在桌面上

swift - 如何在 SwiftUI 中以编程方式使动态颜色变亮或变暗?

jquery - 是否有针对不同供应商前缀的任何实用工具或脚本技术

javascript - 在表数据上添加/删除类 onclick

iOS辅助功能,如何在关闭警报后让焦点回到最后一项

wpf - 设置焦点不允许即时编辑

css - scss 的多重转换

css - 去饱和并添加阴影