2.5.3 Label in Name

Visible name and programatic name are the same.

Benefits

Speech-input users can directly activate controls on a page with fewer surprising changes of focus.

Text-to-speech users will have a better experience because the labels that they hear match the visible text labels that they see on the screen.

Examples

Clearly wrong

• Go
  
• Name
• Delete Save

Some problems

Disambiguation

Your shopping cart

Item	Color	Price	Actions
Brogue	Purple	$112	Edit Delete
Flip flops	Green	$1	Edit Delete
Cowboy boots	Silver	$20	Edit Delete

Traditionally we have relied on:

<button type="button" class="btn btn-default">Edit <span class="sr-only">Brogue</span> </button> and
<button type="button" ctlass="btn btn-default" aria-label="Edit Brogue">Edit </button>

now that is out