错误：通用角色不允许使用 aria-required 属性

Question

我有以下输入字段，但是当我使用 AX 或 ARC 工具进行测试时，出现以下错误：“通用角色不允许使用 aria-required 属性”。有人可以告诉我这里的问题是什么以及如何解决吗？

<input matinput="" width="875px" tabindex="0" id="zipcode-seach" formcontrolname="zipCode" class="mat-input" placeholder="Zip Code / Postal Code - enter full or partial value" aria-invalid="false" aria-required="false">

Answer 1

该属性用于指示元素上需要用户输入。但是，对于语义 HTML 元素来说，这不是必需的，例如

<input>

，它已经支持

required

属性。

aria-required

属性主要用于使用非语义元素（

<div>

、

<span>

）创建的自定义表单控件。对于像

<input>

这样的语义元素，应该使用

required

属性。

这是您更正后的 HTML :

<input matinput="" width="875px" tabindex="0" id="zipcode-seach" formcontrolname="zipCode" class="mat-input" placeholder="Zip Code / Postal Code - enter full or partial value" aria-invalid="false" required>

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-required