我最近保存的一些关于无障碍的文章 IV

• 设计符合 WCAG 标准的可访问焦点指示器指南 — Sara Soueidan 表示，您可以通过自己设计焦点轮廓来实现更多可访问的焦点轮廓，而不是将其留给浏览器 — 只要您做对了。深入探讨！
• a11y-syntax-highlighting — Eric Bailey 的代码语法突出显示主题存储库，适用于各种软件，既有吸引力又符合 WCAG 色彩对比指南（包括对 Windows 高对比度模式的支持）。
• 尊重用户的运动偏好 — Michelle Barker 提供了何时以及如何尊重人们的 prefers-reduced-motion 设置的指南。虽然没有一种正确的方法，但应该这样做。有趣的是，有多少事情可能适用。transition 和 animation 等属性相当明显，但您是否想过 scroll-behavior 或 JavaScript 中的特定内容（您也可以在其中测试偏好）？
• 无障碍测试 — Jeremy Keith：“当您委托进行无障碍审计时，您应该希望获得的反馈大多属于第三类——交互式小部件。” 不要浪费无障碍专家时间告诉您有关颜色对比问题，因为您可以自己轻松地找到并解决这些问题。
• CSS 对屏幕阅读器的影响 — 我的一部分希望 CSS 对屏幕阅读器的影响是“什么都没有”，但 Jozsef Polgar 指出，有一些东西 CSS 确实会影响。一个经典的例子是，在列表上设置 list-style: none 会迫使它们在 VoiceOver 中不作为列表读取。Jozsef 指向 Ben Meyer 的文章，其中涵盖了类似的主题。
• 搜索之旅 — Sara 再次发表评论，这次是关于 <search>。我听说过的大多是负面的（比如，为什么在还有那么多大鱼要煎，比如 <dialog> 和 inert 的情况下，要关注这一点），但 Sara 完全支持它。我同意，我们不妨有一个元素，就像 <nav> 和 <main> 一样，为我们提供免费的 role="search"。
• 可访问调色板：停止使用 HSL 构建颜色系统 — Eugene Fedorenko 说，“虽然 HSL 和 HSV 是选择单个颜色的不错的选择，但它们不适合构建颜色系统，因为它们只是转换 RGB 模型，而忽略了人类感知的复杂性。” 似乎所有研究过下一代颜色格式的人都喜欢它，但我还没有完全理解它们。比如 LCh、Lch(ab)、HCL、LCH(uv)… 浏览器支持正在开始 逐渐增加。
• 最后一次：自定义样式单选按钮和复选框 — Scott O’Hara 指出，您可以用自定义样式完全替换这些输入，并使其可访问。正确执行此操作的一部分是处理所有可能的状态。值得注意的是：无需替换所有内容，您只需更改 width/height 和 accent-color，就可以在自定义样式中走得更远，正如 Dave 和 我在这里提到的。
• 理解逻辑焦点顺序 — Rachel Leggett 解释说，这是“使用键盘（即没有鼠标）浏览网页的人会按有意义的顺序遇到元素的理念。” 几乎任何时候您使用 order 属性，您可能都在这里干扰。但不太明显的是，隐藏的元素仍然可以交互，这会混淆逻辑焦点顺序。
• Assistiv Labs — 我没有意识到有类似于 CrossBrowserTesting 或 BrowserStack 的工具，可以让您在 JAWS 和 NVDA 等软件中进行测试 — 但确实存在！就在前几天，我想要在 JAWS 中进行测试，因此我启动了一个（付费的）Parallels 版本，以及我（付费的）Windows 10 版本，并使用我（40 分钟测试版本）的 JAWS 进行测试。虽然它有效，但并不特别便宜，也需要大量的技术债务。这似乎更容易，尽管我还没有真正尝试过。