Icon key

A key with an icon and no words, square or round: transport, power, the small tools. Its aria-label names it; a tip shows the name.

Hover or Tab to a key to see its name. Power latches.

• The aria-label is required: an icon has no name of its own.
• The tip shows on keyboard focus as well as hover. On touch there is no hover, so use icons people already know.
• Put aria-hidden="true" on the SVG so the name is read once.