文章标签

使用 CSS 创建无障碍范围滑块

The 无障碍技巧是使用 <input type="range"> 以及使用 CSS 将其调整形状，而不是放弃并使用 div 或其他方式重新构建它，然后忘记无障碍性。

最巧妙的示例使用倾斜的 linear-gradient 背景，使…

Chris Coyier 于 2020 年 5 月 7 日

如果你关注 JavaScript 社区的暗流，近年来似乎出现了一种分化。它可以追溯到十多年前。实际上，这种争端一直存在。也许这是人性使然。

每当一个流行的…

Nathan Smith 于 2020 年 5 月 7 日

The Web 内容无障碍指南 (WCAG) 是一个定义网络内容无障碍标准的组织，它没有为网络指定最小字体大小。

但我们知道，文本太小会…

Andrés Galante 于 2020 年 4 月 23 日

假设你正在构建一个网站，并且与设计师合作。他们会给你一些可靠的设计，你已经准备好了。你也是一个尽职尽责的前端开发人员，你喜欢使…

…

Chris Coyier 于 2020 年 4 月 20 日

这份报告去年引起了很大的轰动。它是一项大规模的研究，展示了网络在无障碍方面做得有多糟糕。今年进行了更新，（鼓声）我们变得更糟了。我将使用他们的引文：…

Chris Coyier 于 2020 年 4 月 8 日

Austin Gil 启动了第一个关于“正确构建 HTML 表单”的五部分系列，从语义开始。它在与“我们使用 JavaScript 构建前端”的群体对话。第一段代码是…

Chris Coyier 于 2020 年 4 月 2 日

Ben Myers 阐述了一些清晰的示例，说明 CSS 如何完全改变某些屏幕阅读器宣布的内容。例如，一些屏幕阅读器会看到按钮标签上的 text-transform: uppercase; ，上面写着“添加”，并将其读作缩写，“A.D.D.”。

这些情况…

…

Chris Coyier 于 2020 年 3 月 23 日

跳过链接是小型内部导航链接，可以帮助用户在页面之间移动。你可能从未真正看到过它，因为它们通常隐藏在视线之外，用作无障碍增强功能，可以让键盘用户和屏幕…

Paul Ryan 于 2021 年 8 月 25 日

这是一份来自 Bruce 的非常棒的清单。这里有很多可以直接执行的操作。将其发送给你的团队，并将其作为你们共同进行的内容。

这里有一个小细节促使我…

Chris Coyier 于 2020 年 3 月 17 日