html - 如何绑定按钮的选择状态

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 区域来宣布对未聚焦的控件的状态更改。这对于提供有关输入有效性或其他内容的反馈可能很有用。