aria-required (property)

aria-required property is used on a form element when the user input is required on the field. Providing aria-required property set to true before the form submission avoid users from making mistakes. Aria-required property like any other aria role, state or property just indicates that the field is required to the user. The visual identification of required fields to non-screen-reader users should be provided by designers or content authors as usual.

aria-required property has two possible values true and false. Aria-required=”false” is the default value and its presence do not impact the element. Aria-required=”true” informs the screen reader user that it is a mandatory field.

aria-required property is supported by major screen readers JAWS and NVDA on major windows browsers Mozilla Firefox, Internet Explorer and Google Chrome. Unless an equivalent attribute is available in host language content authors should allow the use of aria-required attribute. Browse the aria-required example file with a screen reader to understand the importance of the attribute.

aria-required used in roles

Values of aria-required property

Value Description
True Users need to provide input on an element before a form is submitted.
False (Default) User input is not necessary to submit the form.

Other ways of informing the required fields can be found at Mandatory fields and accessibility.

Comments are closed.