Buttons: Other accessibility considerations

Additional accessibility considerations for different types and characteristics of buttons.

On this page

Icon and image buttons

Understand the accessibility concerns with and best practices for icon and image buttons.

Disabled buttons

Understand when and how to implement a disabled button.

Toggle buttons

Understand best practices regarding toggle buttons.


For considerations on selectively styling a button’s focus indicator for keyboard-input only, see: :focus-visible — Styling focus indicators — Knowledge Area: Keyboard accessibility

Button target size

Make buttons large enough so that they are easy to activate for people who have motor control issues or who are using less precise input methods such as touch or a stylus. See Size and Proximity — MDN Web Docs.