aria-controls 到底为用户做了什么？AJAX 使用对它有何影响？

Question

我有一组具有适当角色和属性的选项卡，用于辅助功能支持。选项卡控件的内容通过 ajax 加载。但是加载的内容的每个包装器也具有适当的选项卡窗格角色和属性。

问题是，当我使用 Chrome 辅助功能工具运行自动审核时，测试失败，指出ID除当前活动的选项卡之外的所有选项卡都缺少相应的选项卡窗格（因为已加载具有 ID 的包装器）。确切的错误指出：“通过 ID 引用其他元素的 ARIA 属性应该引用 DOM 中存在的元素。”

由于ID一旦具有相应属性的选项卡aria-controls处于活动状态， 就会存在，这真的是一个错误吗？或者这只是误报的情况，因为这是一个自动化测试，他们只能做这么多。

总而言之，它的aria-controls作用是什么？它真的需要引用IDDOM 中当前存在的 an 吗？

Answer 1

aria-controls为您的辅助技术提供一种移动到受控元素的方法。

如果这个元素不在 DOM 中或者无法访问，那么是的，这是一个错误。