'show all' 按钮的 ARIA 控件 属性

Question

背景故事:

我有一长串按类别分组的项目。每个类别都有一个按钮控件，还有一个用于“显示全部”。

视觉示例:

[按钮显示全部][按钮 001][按钮 002][按钮等]

• 类别 001
  • 项目 01
  • 项目 02
• 类别 002
  • 项目 03
  • 项目 04
• 类别等
  • 项目 05
  • 项目 06

我正在使用 Google Lighthouse 进行测试，但我一直在为

[aria-*] attributes do not have valid values

这显然是因为没有“显示所有”元素组，按钮只是显示所有可用的分组元素。

问题:

“显示全部”按钮上的“ARIA 控件”属性 可接受的值是多少？或者我是否为这个元素省略它？

注:

所有单独的类别按钮和组都很好，它们的 ARIA 属性都正确设置为组 ID，Lighthouse 没有错误。只有“显示全部”按钮有问题

Answer 1

阅读评论中的 material 后，我得出的结论是，我无法为 ARIA 控件设置任何既是有效 ID 又对访问者有用的值使用 ARIA。

我可以设置所有元素的所有 ID，这在技术上是有效的，但这在功能上对访问者没有用。

最好的选择是确保按钮本身具有解释性，然后将 ARIA 排除在这个按钮元素之外。

Google Lighthouse 测试确认在此元素上没有 ARIA 控件比设置不正确要好。