屏幕閱讀器忽略禁用屬性

Question

我有一個步進器 - 材質 UI 編號字段。 它被禁用，但屏幕閱讀器能夠更改數字（遞增和遞減）。 HTML如下：

<input aria-invalid="false" id="outlined-number" type="number" class="MuiInputBase-input MuiOutlinedInput-input" disabled="true" value="3">

Answer 1

disabled屬性指定錯誤。 從https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes ：

2.4.2 布爾屬性

許多屬性是布爾屬性。 元素上布爾屬性的存在表示真值，不存在該屬性表示假值。

如果該屬性存在，則其值必須是空字符串或與該屬性的規范名稱不區分大小寫的 ASCII 匹配值，且沒有前導或尾隨空格。

布爾屬性不允許使用值“true”和“false”。 要表示假值，必須完全省略該屬性。

將代碼更改為disabled="disabled" 。