屏幕阅读器省略禁用的属性

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-属性：

2.4.2布尔属性

许多属性都是布尔属性。元素上存在布尔属性表示真值，不存在该属性表示假值。

如果存在该属性，则其值必须是空字符串，或者是与该属性的规范名称不区分大小写的ASCII匹配值，并且不带前导或尾随空格。

布尔属性不允许使用值"true"one_answers"false"。为了表示一个假值，必须完全省略该属性。

将代码更改为disabled="disabled"。