文章标签

使用 WebVTT 改善视频无障碍性

“网络的力量在于它的普遍性。无论残疾与否，每个人都能访问都是必不可少的方面。”
– 蒂姆·伯纳斯·李

无障碍性是 Web 开发的重要组成部分，随着视频内容的日益普及，其必要性也日益增加……

Khari McMillian 于 2023 年 2 月 3 日

在本周的每周综述中，Vimeo 和 Mozilla 在视频编码格式上携手合作，如何使用 aria 标签将指令绑定到表单字段，DOM 具有匹配功能，三星正在开发自己的 CSS 库。

Šime Vidas 于 2019 年 10 月 15 日

HTML5 中的分段元素是 <nav>、<aside>、<article> 和 <section>。 <body> 也是一种分段元素，因为它内部的所有内容都属于默认文档部分。

以下是……

Daniel Tonon 于 2020 年 7 月 17 日

Lindsey Kopacz 有一个关于无障碍性的精彩博客。我最近看到她的一些文章在流传，我心想，哎呀，我必须确保我已经订阅了。例如

……

Chris Coyier 于 2019 年 6 月 13 日

考虑以下情况

<ol>
  <li>Get hungry</li>
  <li>Order pizza</li>
  <li>Eat pizza</li>
</ol>

该 HTML 最终以这种方式出现在 DOM 中（因此它是如何暴露给辅助技术的），并且默认情况下，这些列表项也以……方式视觉地显示出来。

Chris Coyier 于 2019 年 6 月 12 日

首先要考虑的是：您真的需要吗？ 如果你可以，将文本放在图标旁边被反复证明是最无障碍、最清晰的 UX（参见 Apple 的最新失误）。但是如果你需要……

Chris Coyier 于 2019 年 6 月 3 日

在本周的新闻中，Google 定义了 favicon 指南，Paciello Group 推出新的 a11y 测试工具，以及 W3C 如何与社区互动方式的变更，以及更多内容。

Šime Vidas 于 2019 年 5 月 31 日

以下是 Brad Frost 和 Dave Rupert 的一个正宗 CSS/HTML 技巧，他们使用 <picture></picture> 元素在用户启用了减少运动功能时将 GIF 文件替换为图像。这是 Brad 的方法……

Robin Rendle 于 2019 年 5 月 31 日

键盘和屏幕阅读器之间存在一些差异，Léonie Watson 强调了其中一些差异

使用 Tab 键时，键盘焦点和屏幕阅读器焦点会彼此同步。在其他时间，屏幕阅读器用户

……

Robin Rendle 于 2019 年 5 月 29 日