如何绑定按钮的选择状态

Question

我正在尝试将按钮的选择状态（选择或未选择）与aria-pressed 或aria-checked 属性绑定。但在任何情况下，sreen reader 都没有宣布价值。我试过了：

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

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

Answer 1

屏幕阅读器只会播报焦点内容或 aria-live 区域中的内容。如果按钮不在焦点上，屏幕阅读器不会宣布状态。

您可以考虑设置一个（小）aria-live 区域，用于宣布对未聚焦的控件的状态更改。这对于提供有关输入有效性或其他方面的反馈可能很有用。