:focus-visible 在 WebKit 中

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适用于您旅程各个阶段的云产品。立即开始使用 价值 200 美元的免费积分!

这是来自 Manuel Rego Casasnovas 的 很棒的更新Igalia 有一个想法,就是通过众包来整理需要完成的重要 Web 平台功能(这是他们所做的事情)。他们将其称为 开放优先级排序。“获胜者”(获得最多承诺资金的人)将是他们要做的。结果是 :focus-visible 在 WebKit(Safari)中的支持。截至我写这篇文章时,人们已经承诺了 29,337.13 美元,目标为 35,000 美元,所以还不错!

这个决定是在 2021 年 1 月做出的,正如 Manuel 在 2021 年 6 月所写的那样,它基本上已经完成了,因为它 已在 Safari 技术预览版 125 中发布,这意味着它现在已经掌握在 Apple 的手中。对于一个 Web 功能来说,这真是一个很快的速度,而且这真是一个很棒的功能,因为它将极大地鼓励使用正确的焦点样式,而不是那种让人沮丧的状况,人们出于审美原因而删除焦点样式,从而损害了可访问性。

而且,还有奖励!

此外,WPT 测试套件已经得到改进,现在该功能大约有 40 个测试。同样在 1 月份,Firefox 和 Chrome 都没有在 UA 样式表中使用 :focus-visible,但现在它们都在使用它。因此,在 WebKit 上进行实现有助于在不同的地方推进该功能。

直接链接 →