如何以屏幕阅读器仍会阅读文本并向用户指示已禁用的方式“禁用”单选按钮？

Question

我有一个要禁用一些单选按钮的用例，但是有一些方法可以使重新启用此单选按钮。 如果我使用Disabled属性，那么屏幕阅读器将跳过该字段，并且不了解重要信息。

我正在寻找一种可访问的解决方案，该解决方案将继续对标准用户有效，而且还与大多数屏幕阅读器兼容。

Answer 1

只有少数屏幕阅读器会跳过禁用的单选按钮，就好像没有按钮一样（ 例如Firefox中的下巴 ）。 其他人将宣布该项目，但声明其已被禁用。 当然，对于后者，该元素将永远不会获得关注，但会以阅读模式宣布。

如果要处理所有屏幕阅读器并宣布不可选择的选项，则可以用带有适当指示的纯文本替换它们：

可选

 <input type="radio" name="example value="1" />

不可选择的：

 <div>1 (disabled option, you should select XXX to enable this option)</div>