Submit and reset button labels must be unique

Rule ID Control 11
Definition If there is more than one form on a page, each submit and reset button must have a unique label.
Purpose
  • Labels that are unique make it possible for people to understand the different purposes of form controls on the same page.
  • submit and reset form controls have default labels and if these are present on more than one form on a page, the user may not understand which form they are submitting.
Mappings
  • HTML4 Legacy Techniques (Required)
  • HTML5 and ARIA Techniques (Required)
WCAG Success Criteria

2.4.6 Headings and Labels (Level AA, Primary Success Criterion)

Rule Category Forms
Scope Element
Target Resources submit and reset buttons
Techniques
  • The preferred technique for changing the default label for submit and reset controls is the value attribute.
  • In special cases, the aria-labelledby attribute can be used on the form control element to reference the id(s) of the elements on the page that describe its purpose.
  • In special cases, the aria-label attribute can be used on the form control element to provide an explicit text description of its purpose.
Informational Links