Skip to content

Button with text and screen reader text in it

What it sounds like

Add a question, Button

This is handy if we want to provide additional context for screen reader users. Note how the visually hidden text is read in addition to the existing button text.

What it looks like

<button type="button">
  Add <span class="visuallyhidden">a question</span>
</button>