Rule: Using aria-required to identify required form controls and widgets

Rule ID Error 2
Conformance Required
Definition If user input is required for a form control or custom widget the required or aria-required attribute must must used.
Purpose
  • Users benefit from information being informed if a input to a control is required for form submission or task completion.
Conformance Required
WCAG Success Criteria

Success Criterion 3.3.3 Error Suggestion

Other Related Success Criterion:

Rule Category Forms
Rule Scope Element
Techniques
  • To identify a required form control, add the HTML5 required attribute to the standard form controls.
  • For custom ARIA widgets use the aria-required attribute to identify widgets with required values to users.
  • Use the required attribute (or the aria-required if used) as the CSS selector for visually styling the form control as required. This ensures that the visual state stays synchronized with the accessibility API state used by assistive technologies.
  • NOTE: Avoid using aria-required attribute on elements that support the required attribute, since the required attribute value will override the aria-required value.
Information Links