如何绑定按钮的选择状态

Question

我正在尝试将按钮的选择状态（已选中或未选中）与aria-pressed或aria-checked属性绑定。但在所有情况下，屏幕阅读器都没有公布价值。我尝试过：

 1. data-bind="attr:{'aria-checked': knockoutBooleanVar()}", role = "button"
 2. data-bind="attr:{'aria-pressed': knockoutBooleanVar()}", role = "button"

如何让屏幕阅读器宣布按钮的选择状态？

Answer 1

屏幕阅读器只会宣布焦点或咏叹调生活区域内的内容。如果按钮未对焦，屏幕阅读器将不会宣布该状态。

您可以考虑设置一个（小）咏叹调生活区域，以宣布对焦点不受控制的控件的状态更改。这可能有助于提供有关输入有效性或其他任何内容的反馈。