Button with just an icon in it, aria-labelledby

What it sounds like

If there’s visible text, we prefer to use that for accessible names. Note how aria-labelledby overrides both the aria-label and the text of the button. It’s better to have the text in the button.

What it looks like

<p id="button-text">Add a question</p>

<button type="button" aria-label="Add" aria-labelledby="button-text">
  +
</button>