文章标签

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

这引起了我的共鸣

对我来说，讽刺的是，缩略语“a11y”本身缺乏无障碍性：对于不在“圈内”的人来说，它不是立即可理解的；而且，在某些字体中，它在视觉上与单词“ally”（使用小写 L）无法区分，...

我们深入研究了 覆盖默认按钮样式，不久前就在 CSS-Tricks 上进行了介绍。使用一般的全跨浏览器支持样式，你需要 6-10 个 CSS 规则来拆除按钮上的任何元素，然后替换成你的...

前几天我发布了一张图片，从字面上来说，这是一个思维练习，关于如何实现“嵌套”链接。也就是说，一个大的容器链接到一个 URL，其中包含一个较小的容器或文本链接在里面...

关于语义 HTML 的指南、资源和讨论通常侧重于特定元素，例如标题、分节元素或列表。我们很少专门讨论如何结合 HTML 元素来提高它们的...

有没有过这样的经历：看着别人展示他们的 JavaScript 技巧，突然想到，“我可以用 CSS 做到这一点！”？这就是我观看 Dag-Inge Aas & Ida Aalen 在 CSSconf EU 2018 上的演讲 时的感觉。

他们正在...

样式化和无障碍性常常相互矛盾。Scott O’Hara 的这个仓库展示了如何在表单控件的上下文中，让这两者很好地协同工作。

原生控件和样式化控件之间的权衡让我想到...

作为一名残疾人，我感谢 Web 和现代计算为我提供了许多便利。Web 是一个很棒的工作、分享和连接的地方。你可以赚钱、实现梦想，并表达你的...

Heydon Pickering 探讨了如何根据 React 组件的上下文为其指定特定标题（例如 <h1></h1>、<h2></h2> 等），从而确保 DOM 仍然对屏幕阅读器完全无障碍。为什么使用...