如何以屏幕閱讀器仍會閱讀文本並向用戶指示已禁用的方式“禁用”單選按鈕？

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>