- 完美的链接 - Rian Rietveld 定义它们：“当你点击它们时，它们会把你带到其他地方。”这里没有太多代码（我们已经有了），只是一些实用的无障碍建议。例如，链接图像的`alt`文本可以暗示它是一个链接。只是一张图片：“一棵盛开的樱花树。”链接：“维基百科关于樱花的信息。”
- 谷歌宣布对 Docs 进行重大改变 - George Joeckel 报道了谷歌 Docs 将以`
- 不要使用自定义 CSS 鼠标光标 - Eric Bailey：
我认为让 CSS 加载自定义光标是一个错误。
- 网页设计师苦苦挣扎于炫目动画的负面影响：晕动症 - Katie Deighton 讲述了诸如偏好切换和`prefers-reduced-motion`（尽管没有明确说明）之类的功能。看到像晕动症这样的主题登上《华尔街日报》等主流出版物总是很有趣。
- `prefers-reduced-motion` 和浏览器默认值 - 谈到 `prefers-reduced-motion`，Bruce Lawson 写下了年度最佳段落：
是的，这是来自市场营销团队的会议请求，讨论一个新的产品页面，该页面上的动画会在滚动时触发。就像牧师在面对吸血鬼时会抓住十字架一样，我立即拿起 `Intersection Observer` 来避免浏览器在观察某些内容是否滚动到视图中时出现卡顿。而且，就像驱魔师向恶魔洒圣水一样，我还用`prefers-reduced-motion` 媒体查询来净化代码。
- 使用 CSS 强制执行无障碍 - Adrian Roselli 介绍了这种很棒的策略，除非你同时实现了相应的无障碍属性（例如，滚动表格的`[role="region"][aria-labelledby][tabindex]`），否则你将无法获得正确的 CSS 样式。这是一个强大的想法，它恰好很好地展示了 CSS 的力量，这种方法可以通过一些避免使用选择器的样式解决方案来实现。
- 使用 Storybook 进行无障碍测试 - Varun Vachhar 讲解了如何在编码的同时对你的组件库运行 Axe。无障碍问题，比如颜色对比度问题，都是 bug。不妨给自己提供相同的工具机会，以便在修复其他任何 bug 的同时修复它们。
- 为无障碍性强力辩护 - Todd Libby 讲解了如何在工作中为无障碍性而战。尝试 1）道德。尝试 2）经济。尝试 3）法律。4）人性化。尝试 5）不要问，直接做。
- 你的图片可能并非装饰性的 - Eric Bailey 指出，大多数带有空`alt`属性（字面意思是`alt=""`，没有空格）的图片应该有一个属性，并且当 alt 描述不可用时，还有其他选择（例如，即使它不是一个内联图像，也可以将其作为内联图像（`spacer.gif`）提供，`<title>`在 SVG 中，等等）。
- 撰写优质 alt 文本：情感很重要 - 谈到 `alt`，Jake Archibald 从 2011 年 Léonie Watson 的文章中获益良多：
图像的相关部分不仅仅局限于冷冰冰的事实。
- 从头开始创建无障碍对话框 - Kitty Giraudel 挑战了无障碍性的终极 boss。
我同意，加载自定义鼠标光标的功能通常不应该在网站上使用，但在开发需要你点击事物的 HTML5 游戏时非常有用。
如果你在游戏中手动绘制鼠标光标（“软件”光标），它会遇到 1 帧的延迟，即使在 144 赫兹的显示器上也很明显。你可以使用外推法让这种延迟不太明显，但这会让光标在移动时抖动。相反，“硬件”光标响应速度快得多，而且不会抖动 - 它与默认的 OS 鼠标光标处于同一水平。
那就让我保存这篇文章吧，我已经保存了所有文章。现在你的文章变成了一个数组。