Previous technique
Next technique

Repeating buttons

WCAG 2.2
A
#buttons

Often there are repeating buttons like ‘edit’, ‘add’ or ‘remove’. Most users can understand what they do by how they are places on the interface. Screenreader would need more informative labels to understand the function of the button.

In a case like this, aria-label can be used to name each control’s purpose.

<button aria-label="Edit payment date">Edit</button>
<button aria-label="Edit payment amount">Edit</button>
Source of this technique  Opens in a new window

Learn more about the related success criteria: