偶尔,我会发现自己积累了一堆关于各种有趣事物的链接。 无障碍就是其中之一! 这里列出了我一直在保存的一些相关链接,我认为值得分享。

- 关于网页无障碍的误解 — Alvaro Montoro 涵盖了一些经典的误解。我最喜欢的是“无障碍是为残疾人设计的”。无障碍是为残疾人设计的,因为他们是人,而无障碍是为所有人设计的。
- 无障碍误解 — 说到误解,Sergei Kriger 为此专门创建了整个网站。我将选择“无障碍可以通过仅添加 ARIA 属性来实现”这一误解,这众所周知是错误的,因为 ARIA 的第一条规则是 不要使用它。
- 深入了解表单字段 — 虽然可能不是专门针对无障碍设计的,但表单是最关键的需要实现无障碍的元素,而且它们经常出现错误。Google 的这份新指南在整个指南中都包含了无障碍性,并且也 专门介绍了无障碍性。
- 无障碍迷宫 — 由瑞尔森大学 G. Raymond Chang 继续教育学院的数字教育策略团队构建。非常有趣!您可以(并且在很大程度上必须)使用键盘玩完整场比赛。
- HTML focusgroup 属性 — 你知道当你选中一组单选按钮中的一个时,可以使用箭头键在它们之间移动吗?或者向上/向下箭头如何工作以导航原生下拉菜单的选项?您可以将其称为“焦点组导航”,不幸的是,我们无法随时随地使用这种行为。但是如果我们能像在 HTML 中使用
focusgrup
属性一样简单地做到这一点呢?那将很酷,总有一天会实现的。 - 在网站上添加阅读障碍友好模式 — 我总是想到 Dyslexie 字体,但显然不仅仅使用正确的字体就可以解决问题。更多的间距,尤其是在排版方面,以及更少的杂乱会很有帮助。 查看演示。这是
word-spacing
在实际应用中比较罕见的一个用例。注意 本文在 Gareth Ford Williams 的文章中受到了一些反驳。 - 有多少残疾人使用我们的网站? — Hidde de Vries 说可能没有那么多人,但这并不重要(喜欢 Tim Cook 的这句引言)。尽管如此,如果你需要找到一个商业上的优势,Hidde 指出一份报告指出,全球 15-20% 的人口有残疾。
- 🎥 构建最难以访问的网站 — Manuel Matuzovic 证明了你可以在 Lighthouse 测试中获得所有指标的 100 分,但仍然可以创建一个完全不可用的网站。这就像反向学习。如果你知道什么会导致问题,你就知道如何避免这些问题。