Skip to content

Commit

Permalink
docs: updates buttons with icons a11y recommendations (#30400)
Browse files Browse the repository at this point in the history
Updates Buttons with icons documentation to recommend that any icon
button be a minimum of 48x48 to be fully accessible and easily
clickable on smaller screens.

(cherry picked from commit d84a4c3)
  • Loading branch information
essjay05 authored and crisbeto committed Jan 28, 2025
1 parent f936c97 commit ad786f4
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/material/button/button.md
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ with any assistive technology your application supports.
Buttons or links containing only icons (such as `mat-fab`, `mat-mini-fab`, and `mat-icon-button`)
should be given a meaningful label via `aria-label` or `aria-labelledby`. [See the documentation
for `MatIcon`](https://material.angular.io/components/icon) for more
information on using icons in buttons.
information on using icons in buttons. Additionally, to be fully accessible the icon should have a minimum touch-target of 48x48 to ensure that the icon is easily clickable particularly on mobile devices and small screens.

#### Toggle buttons
[See the documentation for `MatButtonToggle`](https://material.angular.io/components/button-toggle)
Expand Down

0 comments on commit ad786f4

Please sign in to comment.