文章标签

在本视频中，我邀请了 Preety Kumar，来自 Deque 的 DevTools 插件，来为 axe 做一个介绍。简而言之，这是一个非常棒的插件，它可以帮助你快速找到任何网站的无障碍问题，然后帮助...

我最近开始与我的团队一起为客户开发一个渐进式 Web 应用 (PWA)。我们使用 React，并通过 React Router 进行客户端路由，其中第一个制作的元素就是主菜单。菜单...

想象一下，当你使用 Tab 键浏览网站时，你的 :focus 样式动画从一个元素到另一个元素。就像焦点环在页面上飞到下一个元素一样。它的精神与平滑滚动类似：它...

Joy Heron 购买了 一个很酷的域名，并在那里发布了一篇文章

幸运的是，使用现代 HTML 和 CSS，我们可以相对轻松地创建响应式且无障碍的 Web 应用。在我多年的软件开发生涯中，我学习了一些...

WCAG 2.1 推荐 于 2018 年发布。现在已经过去几年了，有一些新的成功标准。在这篇文章中，我将讨论 标签中的名称，这是我们视觉上标记组件的方式。我们将以...

早在 2020 年 8 月，当 CSS 中的 content-visiblity 属性逐渐进入 Chrome 浏览器时，Una Kravets 和 Vladimir Levin 写了一篇文章，我们也报道了它。最奇怪的部分是，为了获得性能价值，你必须...

你可能会认为，使用 CSS 隐藏内容是一个简单且已解决的问题，但实际上存在多种解决方案，每种解决方案都独一无二。

开发者最常使用display: none来隐藏页面上的内容。不幸的是，这种方法...

许多辅助技术的形式都使用键盘导航来理解和操作屏幕内容。其中一种导航方式是使用 Tab 键。如果你使用它来...，你可能已经熟悉这种导航方式了。

Danielle Romo 介绍了当你有一个冗长的 <label> 并且想要为 <input type="radio"> 设置精美样式时，你需要使用的 HTML 模式。

诀窍是什么？使用老式的 <span class="hidden-visually">，它包含你要读取的标签，以及一个...