Button accessible name is unclear
| Field | Value |
|---|---|
| Rule code | Button_Name_WeakName |
| WCAG conformance level | A |
| WCAG success criterion | 4.1.2 Name, Role, Value |
| Must be fixed at source | No |
Description
A button element was found with an unclear accessible name. A button's accessible name should be clear, concise and it should indicate the purpose and corresponding action of the button. It is recommended to avoid using generic and repeatable terms such as: Read More, Next, Click Here, etc. The accessible name of the button should contain enough text to include its purpose and functionality. The additional text provided can be contained within a screen-reader-only HTML span tag to avoid making the extra information visible to sighted users.
How to fix
Avoid generic button names like "button" or "click here":
<button>Click here</button> to save your progress.
Use a unique, descriptive name for each button:
<button>Save progress</button>