Make a button accessible

Understand the key considerations for making a button accessible.

Keyboard, mouse and touch accessibility

A button must be accessible to people using a keyboard, mouse or touch.

Name, role and states

A button needs certain properties programmatically exposed so that users who rely on assistive technologies know what component they’re dealing with.

Colour and contrast

A button must not rely on colour alone to be visible to people with low vision or colour blindness. It also needs to stand out with sufficient contrast against its surrounding colours.

Other accessibility considerations

Additional accessibility considerations for different types and characteristics of buttons.