Selected State
To avoid viewer confusion, it is important to clearly show that a button has been selected.
The way you do this depends on whether the normal state of the button is part of the
background.
• If the normal state of the button is part of the background: The overlay typically provides
a highlight by adding something to the existing button, such as an outline or a small
graphic (for example, a checkmark, logo, or some text).
• If the normal state of the button is not part of the background: You can change the colors
and transparency of the overlay colors used for the normal state button. For example,
you could have one of the overlay colors be transparent in the normal state and appear
as an additional graphic in the selected state.