Skip to content

Button with some extra text in it

What it sounds like

Add 10 items, Button.

This is okay. But now we’re updating the selected number in two places. Why not use the text we already have?

What it looks like

10 items selected

<p>10 items selected</p>

<button type="button">Add <span class="visuallyhidden">10 items</span></button>