Testing states

Review all focusable elements to determine their states.

Example 1: checked/unchecked

Example 2: checked/unchecked

Example 3: expanded/collapsed

This example starts collapsed. Activate the button to see the expanded state, and to see the accessible name change along with it.

Example 4: checked/unchecked

This example starts unchecked. Activate it with a click, or with the keyboard using Space, to see the checked state.

Testing home