我最近收藏的一些关于无障碍性的文章 II

• 显示/隐藏密码的无障碍性和密码提示教程 — Nicolas Steenhout 深入探讨了 <input type="password"> 的无障碍性。 一方面，应该能够将其切换为 type="text"，同时礼貌地宣布更改。 但也要将密码提示（用于选择密码）放在输入框的前面，并以编程方式将其连接起来。 以及其他一些东西。 (视频版本)
  
• 实用无障碍性，第 2 部分：为（几乎）所有内容命名 — Maggie Wachs 解释了如何实现页面上的移动能力。
  
• 现代 CSS 升级以提升无障碍性 — Stephanie Eckles 展示了 :focus-visible、outline-offset、order 及其他既可以帮助也可以损害无障碍性的属性。 我最喜欢的是巧妙使用 min() 和 max()，例如减少页面缩放时的过度边距并保持可点击区域的大小。
  
• WebAIM 百万 - 2021 年更新 — Jared Smith 指出，情况正在好转，即使只是稍微好转。 这是有史以来的第一次吗？！ 情况当然还算不上“好”，但这是一个令人鼓舞的趋势。
  
• 使用 Deque 的 axe-linter for VS Code 向左移动 — Jonathan Thickens 介绍了这个新的编辑器插件，它会像语法、拼写或格式错误一样突出显示错误。 理所当然！ 我正在使用它，效果很好。 “向左移动”意味着“在流程的早期进行测试”，而“在你编码时”则是最早的测试时间。
  
• content-visibility 和无障碍语义 — Marcy Sutton 指出，content-visibility 首次推出时造成的无障碍性问题已得到解决。 这是最初记录这些问题的博文。
  
• 更多无障碍骨架 — Adrian Roselli 指出，对于一小段骨架 HTML，aria-busy="true" 不够，还需要做一些属性调整，并结合 CSS 选择器隐藏需要隐藏的内容。 (演示)
  
• 重视无障碍性 — Sheri Byrne-Haber 的“面向设计师的坦率实用手册”。 免费的数字（和音频）书籍。 📒