Skip to content

Commit ad786f4

Browse files
essjay05crisbeto
authored andcommitted
docs: updates buttons with icons a11y recommendations (#30400)
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)
1 parent f936c97 commit ad786f4

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/material/button/button.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ with any assistive technology your application supports.
6868
Buttons or links containing only icons (such as `mat-fab`, `mat-mini-fab`, and `mat-icon-button`)
6969
should be given a meaningful label via `aria-label` or `aria-labelledby`. [See the documentation
7070
for `MatIcon`](https://material.angular.io/components/icon) for more
71-
information on using icons in buttons.
71+
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.
7272

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

0 commit comments

Comments
 (0)