Question

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

我正在寻找可以继续为标准用户使用的可访问解决方案，同时也兼容大多数屏幕阅读器。

Answer 1

只有少数屏幕阅读器跳过禁用的单选按钮，就好像没有（eg. Jaws in Firefox for instance）一样。其他人将宣布该项目，但声明它已被禁用。当然，对于后者，元素永远不会获得焦点，但会以阅读模式宣布。

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

可选

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

无法选择：

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