屏幕阅读器忽略禁用属性

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" 。