Lighthouse 辅助功能：axe-core 错误：无法解析非 DOM 节点的 id 引用

Lighthouse Accessibility: axe-core Error: Cannot resolve id references for non-DOM node

提问人：Mihail 提问时间：9/29/2023 更新时间：9/29/2023 访问量：58

问：

Lighthouse 报告指示我的网站 https://www.workarena.nl/ 的辅助功能错误。

[aria-*] 属性与其角色匹配 错误！

和

具有可见文本标签的元素具有匹配的辅助名称。错误！-> axe-core 错误： - 您的环境中不支持的功能。跳过 label-content-name-mismatch 规则。RangeError: Maximum call stack size exceeded

在此处输入图像描述

我尝试使用部分的唯一 ID 调整区域标记。

HTML 辅助功能 灯塔

评论

0赞 slugolicious 9/29/2023
当我运行 Lighthouse 或 axe 时，我不会在您的网站上收到这些错误。我收到“父”错误，这是误报。
0赞 Steven Lambert 10/2/2023
@slugolicious 它们是误报吗？查看 DOM，标记为缺少必需父级的元素是其父级是标题：button[role=tab]div[role=tablist] > div > h3 > button[role=tab]
0赞 slugolicious 10/3/2023
@StevenLambert，是的，误报。选项卡和选项卡列表表示它们必须具有正确类型的“所有者”。他们没有说他们必须有直系父母。“作者必须确保具有角色制表符的元素包含在具有角色制表符的元素中或由该元素拥有。”.w3.org/TR/wai-aria/#tab。如果直接父项（或子项）与选项卡无关，则许多扫描工具会错误地将其标记为错误。

答： 暂无答案

上一个：显示带有 Lighthouse 报表中的边界框的屏幕截图预览

下一个：Neoload 发布历史记录和 Web、控制器和负载生成器的兼容性