文章标签

现在花两分钟，在浏览器中访问您当前的项目。然后，只使用 Tab 键，您应该能够在交互式元素之间导航，包括按钮、链接和表单元素。

如果您有视力，您应该…

这是 Manuel Rego Casasnovas 的 一个不错的更新。Igalia 有一个想法，就是通过众包来整理需要改进的重要 Web 平台功能（这就是他们所做的工作）。他们称之为 开放优先级。…

本周的新闻中有很多关于可访问性的内容，从使用:focus-visible 和输入占位符的细微差别，到可访问的字体和 Safari 中:display: contents 的一个错误。此外，还有一个支持… 的基本 Web 组件的代码片段。

看看吧！:focus-visible 伪选择器现在已在 Firefox 中得到支持，从昨天发布的 85 版本开始。我不得不赶快去 MDN 文档确认一下，没错，:focus-visible 页面已经更新到…

总是值得重复：所有交互式元素都应该有焦点样式。这样，键盘用户就能知道焦点何时移动到该元素上。

但是，如果您只使用:focus 来实现这一点，它有一个副作用，那就是…

:focus-visible 伪类（也称为“焦点指示”伪类）是一种原生 CSS 方法，用于为以下元素设置样式：

1. 处于焦点状态
2. 需要可见的指示器来显示焦点（稍后会详细介绍）

:focus-visible 的使用方式与:focus 相似：用来…

正如 Eric Bailey 所说，如果它是交互式的，它就需要焦点样式。也许最好的办法是？不要移除可聚焦元素默认具有的轮廓。如果您要使用button { outline: 0; }，…

Patrick H. Lauke 介绍了未来的 CSS 伪类:focus-visible。我们正处于浏览器支持的早期阶段，但它的目标是解决一个尴尬的情况

…焦点样式在作为… 应用时，通常是不可取的。